:root{--ink:#f7f5ff;--dim:#a9a7c6;--line:#4e4973;--hot:#d4ef76;--accent:#a99bff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#17142f;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffcc6e;outline-offset:3px}.game-layout{max-width:900px;margin:auto;padding:22px 18px 50px}.game-header{text-align:center}.game-kicker{display:inline-block;color:var(--hot);font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.game-header h1{font-size:clamp(38px,7vw,62px);letter-spacing:-.065em;line-height:1;margin:12px 0}.game-header p{color:#c3bfd8;line-height:1.5;max-width:600px;margin:0 auto 16px;font-size:14px}.hud{display:flex;justify-content:center;align-items:stretch;gap:9px;margin:16px auto 12px;flex-wrap:wrap}.stat{min-width:95px;border:1px solid var(--line);background:#252144;border-radius:12px;padding:9px 15px;text-align:center}.stat span{display:block;color:var(--dim);font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800}.stat strong{display:block;font-size:21px;margin-top:3px;font-variant-numeric:tabular-nums}.game-area{position:relative;background:#211c40;border:2px solid #61558f;box-shadow:7px 8px 0 #0c0924;border-radius:18px;min-height:360px;max-width:520px;margin:auto;overflow:hidden;touch-action:manipulation}.game-area.canvas-area{aspect-ratio:4/5;min-height:0;touch-action:none}.game-area canvas{display:block;width:100%;height:100%;touch-action:none}.game-controls{display:flex;gap:12px;justify-content:center;margin:21px auto 12px;flex-wrap:wrap}.game-btn{border:1px solid #8b7fbb;background:#312951;color:white;border-radius:11px;padding:11px 18px;font-weight:850;font-size:13px;min-height:44px}.game-btn:hover{background:#534583}.game-btn.primary{background:#d4ef76;color:#17142f;border-color:#d4ef76}.game-btn.primary:hover{background:#edffa7}.instructions{text-align:center;color:#afacc5;font-size:12px;line-height:1.5;max-width:600px;margin:15px auto}.message{font-size:13px;color:#d4ef76;min-height:22px;text-align:center;margin:10px auto}.overlay{position:absolute;inset:0;background:#14112bdb;z-index:10;display:grid;place-items:center;text-align:center;padding:30px}.overlay[hidden]{display:none}.overlay-card{max-width:350px}.overlay h2{font-size:32px;letter-spacing:-1px;margin:0 0 10px}.overlay p{color:#d1cde1;line-height:1.5;font-size:14px}.overlay .game-btn{margin-top:14px}.pad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:28px;max-width:450px;margin:auto}.pad{aspect-ratio:1.3;border:3px solid #ffffff40;border-radius:22px;box-shadow:inset 0 -10px #0002;font-size:34px;color:#1a1533;transition:transform .1s,filter .1s}.pad:nth-child(1){background:#f8aa89}.pad:nth-child(2){background:#c8f087}.pad:nth-child(3){background:#aa9afe}.pad:nth-child(4){background:#77d7d2}.pad.lit{filter:brightness(1.45);transform:scale(1.04);box-shadow:0 0 35px #fff8}.pad:disabled{cursor:default}.pattern-info{text-align:center;color:#d4ef76;font-size:18px;font-weight:800;margin:15px auto 0;min-height:28px}.word-area{padding:28px;display:grid;place-items:center;align-content:center;gap:22px;min-height:360px}.word-prompt{font-size:clamp(35px,9vw,58px);font-weight:900;letter-spacing:1px;color:#d4ef76;overflow-wrap:anywhere;text-align:center}.word-entry{width:min(100%,360px);padding:15px 17px;border-radius:12px;border:2px solid #7968b8;background:#fff;color:#17142f;text-align:center;font-size:22px}.word-hint{font-size:12px;color:#b3aecb;text-align:center}.slide-area{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px;max-width:500px;margin:auto;min-height:0;aspect-ratio:1}.slide-tile{border:2px solid #ccaeed;border-radius:14px;background:#d8c7ff;color:#211b42;font-size:clamp(21px,5vw,38px);font-weight:900;box-shadow:inset 0 -6px #b299ed;min-width:0}.slide-tile.blank{background:transparent;border-color:transparent;box-shadow:none;pointer-events:none}.stack-area{min-height:450px;touch-action:manipulation}.stack-area canvas{height:450px;touch-action:manipulation}.footer-links{text-align:center;margin:26px auto;color:#a9a7c6;font-size:12px}.footer-links a{color:#d4ef76}.footer-links a:hover{text-decoration:underline}@media(max-width:580px){.game-layout{padding:15px 12px 40px}.game-header p{font-size:12px}.game-area{min-height:320px}.hud{gap:6px}.stat{min-width:82px;padding:7px 10px}.stat strong{font-size:17px}.pad-grid{padding:17px}.word-area{padding:18px}.slide-area{padding:12px;gap:5px}.slide-tile{border-radius:9px}.game-area.canvas-area{max-width:min(100%,420px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}