:root{--sky: #8fd8ff;--tile: #e8563a;--ink: #2b2340;--gold: #ffd23f;--gk-toast-bg: #fffaf0;--gk-toast-fg: #2b2340;--gk-toast-border: #e8563a;--gk-toast-shadow: 0 8px 22px rgba(120, 50, 20, .25)}html,body{margin:0;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink)}body{background:radial-gradient(circle at 82% 14%,#fff0a0e6 0,#fff0a0e6 60px,#fff0a000 120px),repeating-linear-gradient(90deg,#fff0 0,#fff0 46px,#c9452d59 46px,#c9452d59 50px),linear-gradient(180deg,#8fd8ff,#d6f3ff 55%,#ffe9c7 70%,#e8563a 71%,#c9452d)}#game{position:fixed;inset:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0}.hidden{display:none!important}button{font:800 16px system-ui,-apple-system,sans-serif;border:0;border-radius:14px;padding:12px 16px;margin:5px 0;width:100%;cursor:pointer;color:#2b2340;background:var(--gold);box-shadow:0 4px #c9a21e}button:active{transform:translateY(2px);box-shadow:0 2px #c9a21e}button.secondary{background:#fff;box-shadow:0 3px #d4c7b6;border:2px solid #eadccb}button.alt{background:#8fd8ff;box-shadow:0 3px #4aa6d4}button.green{background:#7be08f;box-shadow:0 3px #3fa856}button.ad{background:#ff8a1f;color:#fff;box-shadow:0 3px #c9620a}button.danger{background:#ffe1df;color:#c0262d;box-shadow:0 3px #f0b3ae}button.small{width:auto;padding:6px 10px;font-size:13px;margin:0}button.on{outline:3px solid var(--tile)}button:disabled{opacity:.45}.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.03)}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2b234059;z-index:20}.card{background:#fffaf0;border:4px solid var(--tile);border-radius:22px;padding:14px 16px;width:min(92vw,380px);max-height:90vh;overflow-y:auto;box-shadow:0 16px 40px #7832144d;text-align:center}.card.wide{width:min(94vw,440px)}h2{margin:4px 0 6px;font-size:24px}h3{margin:10px 0 4px;font-size:14px;color:#8a6d55;text-transform:uppercase;letter-spacing:.04em}.muted{color:#7a6a55;font-size:14px;margin:4px 0}.note{background:#fff1c2;border-radius:10px;padding:8px;font-size:13px}.badge{background:#fff1c2;border:2px dashed #e9b949;border-radius:12px;padding:6px 8px;font-weight:800;font-size:14px;margin:6px 0}.badge.daily{background:#e7f9ec;border-color:#7be08f}.row{display:flex;gap:8px}.row>*{flex:1}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.modes button{margin:0;font-size:14px;padding:10px 6px}.versus{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.versus .side{display:flex;flex-direction:column;width:34%;font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis}.versus .side:first-child{color:#ff8a1f}.versus .side:last-child{color:#3d7bff}.dots{letter-spacing:2px;font-size:14px}.score{font-size:40px;font-weight:900}.stats{display:flex;justify-content:space-around;font-size:14px}.stats div{display:flex;flex-direction:column}.gold{color:#b77d00;font-size:20px}input{font:700 16px system-ui,sans-serif;padding:10px;border-radius:12px;border:2px solid #eadccb;min-width:0;margin:5px 0}.field{display:block;text-align:left;font-size:13px;font-weight:800;margin-top:6px}.code{font-size:40px;font-weight:900;letter-spacing:6px}.link{font-size:12px;word-break:break-all;color:#7a6a55}.wait{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid #eadccb;border-top-color:var(--tile);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.topbar{position:fixed;top:12%;left:50%;transform:translate(-50%);width:min(92vw,420px);display:flex;align-items:center;gap:10px;background:#fffaf0;border:3px solid var(--tile);border-radius:16px;padding:8px 10px;z-index:15;box-shadow:0 8px 20px #78321440}.topbar .txt{flex:1;display:flex;flex-direction:column;font-size:13px}.modebar .modes{flex:1}.emojis{position:fixed;left:50%;transform:translate(-50%);top:calc(50% - (min(48vh,85vw)*.72));display:flex;gap:6px;z-index:12}.emojis button{width:44px;height:44px;padding:0;font-size:22px;border-radius:50%;background:#ffffffd9;box-shadow:0 2px #d4c7b6;margin:0}.scroll{max-height:56vh;overflow-y:auto}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.item{background:#fff;border:2px solid #eadccb;border-radius:14px;padding:8px 4px;font-size:12px;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:4px}.item .big{font-size:30px}.item.sel{border-color:var(--tile);background:#fff1e6}.item button{font-size:12px;padding:6px;margin:0}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #eadccb}.album .item.locked{opacity:.5}.ladder{display:flex;flex-direction:column-reverse;gap:6px;margin:8px 0;background:linear-gradient(180deg,#d6f3ff,#ffe9c7);border-radius:14px;padding:8px}.ladder button{margin:0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#e8563a 0,#e8563a 30%,#ffe9c7 30%);color:#2b2340;box-shadow:0 3px #c9452d;padding:16px 12px 8px}.ladder button:disabled{background:linear-gradient(180deg,#b9a79a 0,#b9a79a 30%,#eee4d8 30%)}.ladder button.here{outline:3px solid #ff8a1f}