:root{--bg:#fff4b8;--ink:#1b2150;--link:#3d7a1f;--space:#0b0f2a;--panel:#1b2150;--portal:#97ce4c;--cyan:#44d9e6;--yellow:#ffd23f;--magenta:#ff4f9a;--text:#f4f4f4;--border:4px;--shadow:4px 4px 0 #000;--font:"Press Start 2P", ui-monospace, "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font);letter-spacing:.04em;flex-direction:column;align-items:center;padding:0 16px;font-size:12px;line-height:1.6;display:flex}.top{padding:24px 0 8px}.logo{text-shadow:4px 4px #fff;margin:0;font-size:clamp(28px,7vw,48px)}.logo span{color:var(--portal);text-shadow:4px 4px #000}.game{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:20px;width:100%;max-width:960px;padding:20px 0 12px;display:flex}.hud{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:20px;width:100%;display:grid}.hud-center{flex-direction:column;align-items:center;gap:10px;display:flex}.hud-center .status{width:0;min-width:100%}#col-human{justify-self:start}#col-ai{justify-self:end}.level-badge{background:var(--ink);color:var(--yellow);box-shadow:var(--shadow);text-transform:uppercase;margin:0;padding:6px 12px;font-size:11px}.status{text-align:center;min-height:4.6em;color:var(--ink);border:var(--border) solid var(--ink);box-shadow:var(--shadow);background:#fff;place-items:center;margin:0;padding:12px 18px;font-size:clamp(11px,1.8vw,14px);line-height:1.5;display:grid}.status[data-turn=human]{background:var(--portal);border-color:var(--link)}.status[data-turn=ai]{background:var(--cyan);border-color:#1f8fa0}.status:empty{visibility:hidden}.board{--cols:6;grid-template-columns:repeat(var(--cols), 1fr);--rows:3;width:min(100%, calc(var(--cols) * 124px + (var(--cols) - 1) * 14px), max(60%, calc((100vh - 330px) * var(--cols) / var(--rows))));gap:clamp(6px,1.2vw,14px);display:grid}.card{aspect-ratio:1;cursor:pointer;perspective:600px;font:inherit;color:inherit;background:0 0;border:0;padding:0}.card:disabled{cursor:default}.card:focus-visible{outline:var(--border) solid var(--yellow);outline-offset:2px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .2s steps(4,end);position:relative}.card.is-up .card-inner,.card.is-matched .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border:var(--border) solid #000;box-shadow:var(--shadow);position:absolute;inset:0;overflow:hidden}.card-back{background:var(--panel)}.card-back svg{width:100%;height:100%;display:block}.card-front{background:var(--panel);transform:rotateY(180deg)}.card-front canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.card.is-matched .card-front{border-color:var(--portal)}.card.is-matched.by-ai .card-front{border-color:var(--cyan)}.card.is-matched{opacity:.55}.card-front .fallback-tile{color:#000;text-shadow:2px 2px #ffffff80;place-items:center;width:100%;height:100%;font-size:clamp(14px,3.5vw,28px);display:grid}.card:not(:disabled):hover .card-back{border-color:var(--portal)}.column{border:var(--border) solid var(--ink);width:100%;max-width:220px;box-shadow:var(--shadow);background:#fff;align-self:stretch;padding:12px;font-size:9px}.column-human{border-color:var(--link)}.column-ai{border-color:#1f8fa0}.column.is-active{outline:var(--border) dashed var(--yellow);outline-offset:3px;background:#fffbe0}.col-name{overflow-wrap:anywhere;margin:0 0 8px;font-size:11px}.col-stat{margin:4px 0}.pile{grid-template-columns:repeat(7,1fr);gap:3px;margin-top:8px;display:grid}.pile-card{aspect-ratio:1;border:2px solid #000;overflow:hidden}.pile-card canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.pile-card .fallback-tile{place-items:center;width:100%;height:100%;font-size:8px;display:grid}.dice{flex-direction:column;align-items:center;gap:12px;display:flex}.dice-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.dice-btn:disabled{cursor:default}.die-slot{flex-direction:column;align-items:center;gap:8px;display:flex}.die-label{font-size:8px}.vs{align-self:flex-end;padding-bottom:20px}.die-scene{--die:52px;width:var(--die);height:var(--die);perspective:400px}.die3d{width:100%;height:100%;transform-style:preserve-3d;position:relative}.die-face{background:#fff;border:3px solid #000;border-radius:8px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;padding:6px;display:grid;position:absolute;inset:0;box-shadow:inset -3px -3px #00000026}.die3d[data-who=ai] .die-face{background:#e6fbfd}.pip{aspect-ratio:1;border-radius:50%;place-self:center;width:70%}.pip.on{background:#111}.face-1 .pip.on{background:var(--magenta)}.face-1{transform:translateZ(calc(var(--die) / 2))}.face-6{transform:rotateY(180deg) translateZ(calc(var(--die) / 2))}.face-2{transform:rotateY(90deg) translateZ(calc(var(--die) / 2))}.face-5{transform:rotateY(-90deg) translateZ(calc(var(--die) / 2))}.face-3{transform:rotateX(90deg) translateZ(calc(var(--die) / 2))}.face-4{transform:rotateX(-90deg) translateZ(calc(var(--die) / 2))}.dice.is-waiting .die-scene{animation:.7s steps(3,end) infinite wobble}.dice.is-rolling .die-scene{animation:.5s ease-in-out infinite alternate hop}.dice-log{text-align:center;margin:0;font-size:12px}@keyframes wobble{50%{transform:rotate(-8deg)}}@keyframes hop{to{transform:translateY(-10px)}}.modal{border:var(--border) solid var(--ink);background:var(--bg);max-width:min(480px,100vw - 32px);color:var(--ink);font-family:var(--font);padding:0;box-shadow:8px 8px #000}.modal::backdrop{background:#0b0f2ab3}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal h2{margin:0;font-size:16px;line-height:1.5}.ia{color:var(--portal);text-shadow:2px 2px #000}.rules{margin:0;padding-left:18px;font-size:10px;line-height:1.9}.field{flex-direction:column;gap:8px;font-size:10px;display:flex}.field input{border:var(--border) solid var(--ink);font:inherit;color:var(--ink);background:#fff;padding:10px;font-size:12px}.btn{border:var(--border) solid #000;background:var(--portal);box-shadow:var(--shadow);font:inherit;color:#000;cursor:pointer;padding:12px 16px}.btn:disabled{color:#777;box-shadow:none;cursor:not-allowed;background:#cfcfcf}.hint{opacity:.7;font-size:8px}.welcome h2{font-size:20px}.welcome .rules,.welcome .field{font-size:13px}.welcome .field input{font-size:16px}.welcome .hint{font-size:10px}.welcome .btn{font-size:14px}.btn:not(:disabled):active{transform:translate(2px,2px);box-shadow:2px 2px #000}.hand{pointer-events:none;opacity:0;z-index:10;filter:drop-shadow(3px 3px #00000059);width:44px;margin:-4px 0 0 -8px;transition:transform .6s ease-in-out,opacity .2s;position:absolute;top:0;left:0}.hand.is-visible{opacity:1}.hand svg{width:100%;display:block}.credits{text-align:center;opacity:.7;max-width:720px;padding:24px 0 16px;font-size:8px}.credits a{color:var(--link)}.overlay .modal-body{text-align:center;align-items:center}.result{flex-direction:column;align-items:center;gap:10px;display:flex}.result p{margin:0;font-size:10px;line-height:1.8}.result h2{font-size:16px}.result-level{color:var(--link);text-transform:uppercase}.result-human h2{color:var(--link)}.result-ai h2{color:#1f8fa0}.final-score{background:var(--ink);color:var(--yellow);padding:6px 10px}.trophy-spin{perspective:500px;width:120px}.trophy-spin svg{width:100%;animation:2.2s linear infinite spin,1.1s steps(2,end) infinite shine;display:block}.robot-cheer{width:120px}.robot-cheer svg{width:100%;animation:.7s steps(2,end) infinite cheer;display:block}@keyframes spin{to{transform:rotateY(360deg)}}@keyframes shine{50%{filter:brightness(1.25)drop-shadow(0 0 6px #fff3a0)}}@keyframes cheer{50%{transform:translateY(-8px)}}.col-chip{margin:0;display:none}.pile-details{grid-template-columns:repeat(5,36px);justify-content:center}@media (width<=640px){body{padding:0 12px}.top{padding:14px 0 4px}.game{gap:14px;padding-top:8px}.hud{grid-template-columns:1fr 1fr;grid-template-areas:"human ai""center center";gap:10px}#col-human{grid-area:human}#col-ai{grid-area:ai}.hud-center{grid-area:center}.column{cursor:pointer;max-width:none;padding:8px 10px}.column .col-stat,.column>.pile{display:none}.col-chip{font-size:8px;display:block}.col-name{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:10px;overflow:hidden}.column:after{content:"tap for details";opacity:.6;margin-top:4px;font-size:6px;display:block}.level-badge{font-size:9px}.die-scene{--die:44px}.dice-log{font-size:10px}.board{grid-template-columns:repeat(var(--cols-phone,4), 1fr);gap:8px;width:100%}.card-face{border-width:3px;box-shadow:3px 3px #000}}.col-brain{background:#eef3f7;border:2px solid #1f8fa0;margin:8px 0 0;padding:4px 6px;font-size:8px}.col-brain[data-source=jev]{background:var(--cyan)}@media (width<=640px){.col-brain{margin-top:4px;font-size:7px;display:block}}