*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--red: #a8392b;--blue: #2e6a82;--yellow: #d6a24a;--ink: #24160f;--green: #5d7a43;--pink: #c98a8e;--brass: #b8862f;--oxblood: #6e1f1c;--plate: #4f1816;--on-plate: #f4e8cc;--bg: #e4d5b7;--wall: #c9b48b;--panel: #fbf4e3;--empty: #fffaf0;--peer: #f2e0ae;--line: var(--ink);--text: var(--ink);--muted: #65503f;--focus: #1f5f7a;--ticket-paper: #efe1c0;--ticket-ink: #3a1d17;--ticket-brass: #b8862f;--ticket-field: #c9a35a;--ticket-ray: #d9b872;--border: 2px;--radius: 14px;--radius-sm: 8px;--shadow: 0 2px 0 rgb(36 22 15 / .55), 0 12px 22px -14px rgb(36 22 15 / .7);--ease: cubic-bezier(.25, .8, .3, 1);--gutter: 7px;--display: Didot, "Bodoni 72", "Playfair Display", "Hoefler Text", Georgia, "Times New Roman", serif;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--font);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--red: #c4503f;--blue: #3d84a1;--yellow: #dcae5a;--green: #74935a;--pink: #d9a0a3;--brass: #d1a24a;--plate: #3a1210;--bg: #1a100c;--wall: #2a1913;--panel: #2b1d16;--empty: #38271e;--peer: #4d3b1f;--line: #e8d6ae;--text: #f1e5c9;--muted: #bba68a;--focus: #7cc3dc;--shadow: 0 2px 0 rgb(0 0 0 / .6), 0 14px 24px -14px rgb(0 0 0 / .9);--ticket-paper: #d9c9a3;--ticket-field: #a3803f;--ticket-ray: #b8934e}}body{min-height:100dvh;background-color:var(--bg);color:var(--text)}.backdrop{position:fixed;inset:0;z-index:-1;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 50% 38%,rgb(255 226 160 / .4),transparent 70%),repeating-linear-gradient(90deg,rgb(36 22 15 / .05) 0 2px,transparent 2px 64px),linear-gradient(180deg,var(--wall),var(--bg))}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgb(20 10 6 / .4) 100%),color-mix(in srgb,var(--bg) 30%,transparent)}.backdrop__ticket{position:absolute;height:min(125vh,62rem);max-width:none;aspect-ratio:420 / 760;transform:rotate(-5deg);filter:drop-shadow(0 24px 40px rgb(20 10 6 / .45))}.ticket__small,.ticket__tiny,.ticket__name{fill:var(--ticket-ink);font-family:var(--display)}.ticket__small{font-size:15px;letter-spacing:.32em}.ticket__tiny{font-size:11px;letter-spacing:.26em}.ticket__name{font-size:58px;font-weight:700;letter-spacing:.12em}.ticket__name--second{font-size:46px;letter-spacing:.2em}.page{max-width:80ch;margin-inline:auto;padding:2rem}.game{display:flex;flex-direction:column;align-items:center;gap:2rem;width:min(100%,36rem);margin-inline:auto;padding:2rem 1rem 3rem}.game__header{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:1.25rem 1rem 1.1rem;border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--plate);color:var(--on-plate);box-shadow:var(--shadow);text-align:center}.game__tagline{max-width:34ch;font-size:.98rem;font-style:italic;font-weight:500;line-height:1.35;color:#e9d9b4}.game__play{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.wordmark{display:flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--display);font-size:clamp(2.4rem,12vw,4rem);font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase}.wordmark:before,.wordmark:after{content:"";flex:none;width:clamp(1rem,6vw,2.2rem);height:.28em;border-block:1px solid #d1a24a}.wordmark__text{display:inline-block;padding-left:.14em;color:#d1a24a;background:linear-gradient(180deg,#f5d98f,#d1a24a 48%,#8a6120);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgb(0 0 0 / .6))}.wordmark--small{font-size:1.6rem}.wordmark--small:before,.wordmark--small:after{width:1rem}.btn,.level,.swatch{cursor:pointer;border:var(--border) solid var(--line);color:var(--text);background:var(--panel);box-shadow:var(--shadow);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.btn{min-height:3.4rem;padding:.5rem 1.4rem;border-radius:var(--radius-sm);font-size:1.05rem;font-weight:700;letter-spacing:.03em}.btn--blue{background:#25586d;color:#fff}.btn--yellow{background:var(--yellow);color:var(--ink)}.btn--red{background:#8f2f24;color:#fff}.btn--ghost{background:var(--panel);box-shadow:none}.btn:hover:not(:disabled),.level:hover,.swatch:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px #24160f8c,0 16px 24px -14px #24160fb3}.btn:active:not(:disabled),.level:active,.swatch:active:not(:disabled){transform:translateY(1px);box-shadow:none;transition-duration:.08s}.btn:disabled,.swatch:disabled{cursor:default;opacity:.4;box-shadow:none}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;width:100%}.level{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .4rem .6rem;border-radius:var(--radius-sm);line-height:1}.level__label{font-family:var(--display);font-size:1.25rem;font-weight:700;letter-spacing:.04em}.level__blurb{font-size:.72rem;font-weight:500;line-height:1.15;color:var(--muted);text-align:center}.level[aria-pressed=true]{background:var(--yellow);color:var(--ink);transform:translateY(1px);box-shadow:inset 0 2px 4px #24160f59}.level[aria-pressed=true] .level__blurb{color:var(--ink)}.board{--gap: 3px;display:grid;gap:var(--gap);width:min(100%,30rem);aspect-ratio:1;padding:var(--gap);background:var(--line);border:var(--border) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.board__row{display:contents}.tile{position:relative;min-width:0;min-height:0;padding:0;cursor:pointer;border:0;border-radius:6px;background:var(--empty);transition:transform .3s var(--ease),background-color .2s ease;-webkit-tap-highlight-color:transparent}.tile--peer{background:var(--peer)}.tile--selected{z-index:1;background:var(--panel);transform:scale(1.08);outline:3px solid var(--focus);outline-offset:0;border-radius:8px}.tile:hover:not(.tile--selected){transform:scale(1.04)}.tile:active{transform:scale(.96);transition-duration:.08s}.tile__fill{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;color:#fff;font-weight:900}.tile__fill--placed{animation:pop .4s var(--ease)}.tile__fill--0{background:var(--red)}.tile__fill--1{background:var(--blue)}.tile__fill--2{background:var(--yellow);color:var(--ink)}.tile__fill--3{background:#1b110c;box-shadow:inset 0 0 0 2px #ffffff40}.tile__fill--4{background:var(--green)}.tile__fill--5{background:var(--pink)}.tile--given .tile__fill{box-shadow:inset 0 0 0 5px #fffaeccc}.tile__shape{font-size:clamp(1rem,6vw,1.9rem);line-height:1}.tile__hint-dot{position:absolute;top:12%;right:12%;width:22%;aspect-ratio:1;border-radius:50%;background:#fffaf0;border:2px solid var(--ink)}.tile--clash .tile__fill:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(45deg,rgb(27 17 12 / .45) 0 5px,transparent 5px 11px)}.tile--clash{animation:wobble .5s var(--ease)}.progress{width:min(100%,30rem);height:.9rem;overflow:hidden;border:2px solid var(--line);border-radius:999px;background:var(--panel)}.progress__bar{display:block;height:100%;background:var(--brass);border-radius:999px;transition:width .5s var(--ease)}.game__note{display:grid;place-items:center;min-height:2.5em;max-width:30rem;padding:.35rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);font-size:1rem;font-weight:600;line-height:1.2;text-align:center}.palette{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}.swatch{position:relative;width:4.4rem;aspect-ratio:1;padding:.35rem;border-radius:var(--radius-sm)}.swatch__chip{display:grid;place-items:center;width:100%;height:100%;border-radius:4px;color:#fff}.swatch__chip.tile__fill--2{color:var(--ink)}.swatch__left{position:absolute;right:-.55rem;bottom:-.6rem;display:grid;place-items:center;min-width:1.6rem;height:1.6rem;padding-inline:.2rem;border:2px solid var(--line);border-radius:999px;background:var(--yellow);color:var(--ink);font-size:.85rem;font-weight:800;line-height:1}.swatch[aria-pressed=true]{transform:translateY(1px) scale(1.04);box-shadow:inset 0 2px 4px #24160f59;background:var(--yellow)}.swatch--blocked:not(:disabled){opacity:.35}.panel{width:100%;padding:1.5rem;border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.panel__title{margin-bottom:.75rem;font-family:var(--display);font-size:1.5rem;font-weight:700;line-height:1.05;letter-spacing:.06em;text-transform:uppercase}.rules{display:flex;flex-direction:column;gap:.5rem;padding-left:1.4rem;font-weight:500;line-height:1.35}.rules li::marker{color:var(--brass);font-weight:700}.panel__keys{margin-top:1rem;font-size:.9rem;font-weight:500;color:var(--muted)}.toggle{display:flex;align-items:center;gap:.9rem;padding-block:.4rem;font-weight:600;line-height:1.2;cursor:pointer}.toggle input{appearance:none;flex:none;display:grid;place-items:center;width:1.9rem;height:1.9rem;margin:0;cursor:pointer;border:var(--border) solid var(--line);border-radius:4px;background:var(--empty);transition:background-color .2s ease,transform .25s var(--ease)}.toggle input:after{content:"";width:.7rem;height:.7rem;border-radius:50%;background:#f4e8cc;transform:scale(0);transition:transform .25s var(--ease)}.toggle input:checked{background:#25586d}.toggle input:checked:after{transform:scale(1)}.toggle input:active{transform:scale(.92)}.signoff{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.9rem 1.5rem;border-radius:var(--radius);background:var(--plate);text-align:center}.signoff__line{font-size:.95rem;font-style:italic;font-weight:500;color:#e9d9b4}.win{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem;overflow:hidden;background:#140a069e;animation:fade .3s ease}.win__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(100%,26rem);padding:2rem 1.5rem 1.75rem;border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 24px 48px -16px #000000b3;text-align:center;animation:card-in .5s var(--ease)}.win__title{font-family:var(--display);font-size:clamp(2rem,9vw,2.8rem);font-weight:700;line-height:1;letter-spacing:.04em;color:var(--red)}.win__stats{font-size:1.05rem;font-weight:500}.win__actions{display:flex;flex-direction:column;gap:.9rem;width:100%;margin-top:.5rem}.win__mascot{position:relative;display:grid;place-items:center;width:4.5rem;height:4.5rem;border:3px double var(--ticket-ink);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5d98f,#b8862f 60%,#7d5718);box-shadow:0 6px 14px -6px #24160fb3;animation:bob 2.4s ease-in-out infinite alternate}.win__mascot:before{content:"★";color:var(--ticket-ink);font-size:2rem;line-height:1}.win__eye,.win__smile{display:none}.win__confetti{position:absolute;inset:0;pointer-events:none}.win__piece{position:absolute;top:-8%;width:.9rem;height:.9rem;border:2px solid var(--ink);border-radius:2px;animation:fall 3.4s ease-in both}.win__piece--0{background:var(--red)}.win__piece--1{background:var(--blue)}.win__piece--2{background:var(--brass)}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes wobble{0%{transform:rotate(0)}30%{transform:rotate(-3deg) scale(1.03)}60%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes fade{0%{opacity:0}}@keyframes card-in{0%{opacity:0;transform:translateY(24px) scale(.96)}}@keyframes bob{to{transform:translateY(-5px)}}@keyframes fall{0%{transform:translateY(0)}to{transform:translateY(110vh) rotate(540deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.win__confetti{display:none}}@media(max-width:26rem){.game{gap:1.5rem;padding-inline:.75rem}.swatch{width:3.8rem}.btn{padding-inline:1.1rem}}