@font-face{font-family:Walter Turncoat;src:url(/assets/WalterTurncoat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--accent: #df69b5;--paper: #ffffff;--ink: #222222;--muted: #888888;--line: #d9d9d9;--line-strong: #262626;--wash: #ececec;color:var(--ink);background:var(--paper);font-family:Walter Turncoat,ui-rounded,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,a{font:inherit}button:not(:disabled),a[href]{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,500px) minmax(220px,1fr);justify-content:center;align-items:center;gap:clamp(24px,5vw,84px);padding:clamp(18px,4vw,56px)}.play-surface{grid-column:2;width:100%}.top-bar{display:block;text-align:center;width:min(100vw - 36px,980px);margin-left:50%;transform:translate(-50%);margin-bottom:clamp(24px,6vw,46px)}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.86rem;letter-spacing:.16em;text-transform:uppercase}h1,h2{margin:0;color:var(--ink);font-weight:400;text-transform:uppercase}h1{font-size:clamp(2.15rem,5vw,4.6rem);line-height:.98;white-space:nowrap}.badge-link{display:inline-flex;flex:0 0 auto;width:144px;max-width:34vw}.badge-link img{width:100%;height:auto;display:block}.game-frame{width:min(100%,460px);margin:0 auto}.game-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:14px;color:var(--muted);font-size:clamp(1rem,2.8vw,1.18rem);text-transform:uppercase}.timer-label{display:inline-flex;align-items:center;gap:6px;text-align:left}.timer-label img{width:18px;height:18px;object-fit:contain}.game-meta span:nth-child(2){color:var(--ink)}.hint-count{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;border:0;padding:0;background:transparent;color:var(--muted);text-transform:uppercase}.hint-count img{width:18px;height:18px;object-fit:contain}.hint-count:disabled{opacity:.42;cursor:default}.hint-count:last-child{text-align:right}.board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;width:100%;aspect-ratio:1;padding:3px;border-radius:10px;overflow:hidden;background:var(--line-strong)}.board:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:3px solid var(--line-strong);border-radius:inherit}.box{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;min-width:0;min-height:0;background:var(--line);overflow:hidden}.cell{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;background:#fff;touch-action:manipulation}.cell img{width:74%;height:74%;object-fit:contain;pointer-events:none}.cell.given img{width:78%;height:78%}.cell.peer{background:#f5f5f5}.cell.same-token{background:#2222220f}.cell.selected{background:#c4c4c4}.notes{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;padding:6%}.notes span{display:grid;place-items:center;width:100%;height:100%}.notes img{width:88%;height:88%}.actions{display:grid;grid-template-columns:.82fr 1.18fr;gap:10px;margin:18px 0}.pill,.share-button,.next-button{min-height:42px;border:0;border-radius:999px;padding:0 14px;background:var(--wash);color:var(--ink);text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}.pill:disabled{color:#22222254;background:#ddd;cursor:default}.pill:disabled img{opacity:.28}.pill.active{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:#df69b521}.pill img{width:18px;height:18px;object-fit:contain}.selector{width:100%;min-height:58px;display:grid;grid-template-columns:repeat(9,1fr);gap:8px;align-items:center;padding:8px;border-radius:999px;background:var(--wash)}.token-button{aspect-ratio:1;border:2px solid transparent;border-radius:999px;background:transparent;padding:5px}.token-button.chosen{border-color:var(--token-border);background:#ffffff80}.token-button.disabled{opacity:.28;cursor:default}.token-button img{width:100%;height:100%;object-fit:contain;display:block}.download-panel{grid-column:3;max-width:320px;align-self:center}.download-panel p{margin:0 0 18px;color:#555;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.35}.download-panel .badge-link{width:166px;max-width:100%}.result-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:22px;background:#00000047}.result-card{width:min(100%,460px);border-radius:22px;background:#fff;color:var(--ink);padding:28px;box-shadow:0 24px 80px #0000002e}.result-card h2{font-size:clamp(2rem,8vw,3.2rem);line-height:1}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 22px}.result-grid div{border-radius:14px;background:#f4f4f4;padding:14px}.result-grid span,.result-grid strong{display:block}.result-grid span{margin-bottom:4px;color:var(--muted);text-transform:uppercase}.result-grid strong{color:var(--ink);font-size:1.34rem;font-weight:400}.result-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.share-button{color:var(--accent);background:#df69b51f}.share-button:disabled{opacity:.62;cursor:default}.next-button{color:#fff;background:var(--accent)}.share-message{margin:-6px 0 16px;color:var(--accent);text-transform:uppercase}.shake{animation:shake .42s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@media(max-width:820px){.app-shell{display:block;padding:18px}.top-bar{text-align:center}.download-panel{width:min(100%,460px);margin:26px auto 0;text-align:center}.download-panel .badge-link{margin:0 auto}}@media(max-width:430px){h1{font-size:min(1.8rem,7vw);white-space:nowrap}.top-bar{margin-bottom:18px}.badge-link{width:118px}.selector{gap:4px;padding:7px}.token-button{padding:3px}}