:root{--teal: #2bb3a3;--teal-deep: #17968a;--violet: #8b5cf6;--violet-deep: #6d3fd4;--brand-grad: linear-gradient(135deg, var(--teal) 0%, var(--violet) 100%);--bg: #f4f6f8;--bg-glow-1: rgba(43, 179, 163, .16);--bg-glow-2: rgba(139, 92, 246, .14);--fg: #14181d;--muted: #667079;--border: #e2e6ea;--border-strong: #cfd5db;--card: #ffffff;--card-2: #f9fafb;--danger: #d64545;--tile-border: #d3d6da;--key-bg: #e4e7ea;--key-fg: #14181d;--correct: #43a047;--present: #ef8a2b;--absent: #9aa2ab;--key-absent: #23272e;--accent: #17968a;--shadow-sm: 0 1px 2px rgba(20, 24, 29, .06), 0 1px 3px rgba(20, 24, 29, .05);--shadow-md: 0 4px 12px rgba(20, 24, 29, .08), 0 2px 4px rgba(20, 24, 29, .05);--shadow-lg: 0 12px 32px rgba(20, 24, 29, .14), 0 4px 8px rgba(20, 24, 29, .06);--ring: 0 0 0 3px rgba(43, 179, 163, .35);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:light dark}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #0e1116;--bg-glow-1: rgba(43, 179, 163, .14);--bg-glow-2: rgba(139, 92, 246, .16);--fg: #f2f4f6;--muted: #8b949e;--border: #262b33;--border-strong: #333a44;--card: #171b21;--card-2: #1d222a;--danger: #f2716f;--tile-border: #363c45;--key-bg: #2b313a;--key-fg: #f2f4f6;--correct: #4caf50;--present: #f59331;--absent: #4a515b;--key-absent: #14171c;--accent: #2bb3a3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(43, 179, 163, .45)}}:root[data-theme=dark]{--bg: #0e1116;--bg-glow-1: rgba(43, 179, 163, .14);--bg-glow-2: rgba(139, 92, 246, .16);--fg: #f2f4f6;--muted: #8b949e;--border: #262b33;--border-strong: #333a44;--card: #171b21;--card-2: #1d222a;--danger: #f2716f;--tile-border: #363c45;--key-bg: #2b313a;--key-fg: #f2f4f6;--correct: #4caf50;--present: #f59331;--absent: #4a515b;--key-absent: #14171c;--accent: #2bb3a3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(43, 179, 163, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;overflow-x:clip}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 15% -5%,var(--bg-glow-1),transparent 70%),radial-gradient(55% 45% at 100% 0%,var(--bg-glow-2),transparent 70%)}::selection{background:color-mix(in srgb,var(--teal) 30%,transparent)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.center{min-height:100dvh;display:grid;place-items:center;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-left:max(1.15rem,env(safe-area-inset-left));padding-right:max(1.15rem,env(safe-area-inset-right))}.muted{color:var(--muted)}.page{max-width:480px;margin:0 auto;padding-bottom:calc(2rem + env(safe-area-inset-bottom));padding-left:max(1.15rem,env(safe-area-inset-left));padding-right:max(1.15rem,env(safe-area-inset-right));display:flex;flex-direction:column;min-height:100dvh}header.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-left:calc(-1*max(1.15rem,env(safe-area-inset-left)));margin-right:calc(-1*max(1.15rem,env(safe-area-inset-right)));padding:.75rem max(1.15rem,env(safe-area-inset-right)) .75rem max(1.15rem,env(safe-area-inset-left));padding-top:calc(.75rem + env(safe-area-inset-top));margin-bottom:1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}header.bar h1{font-size:1.2rem;margin:0;letter-spacing:.14em;font-weight:800;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark{padding-left:.45rem}.beyin{margin-left:.32rem;font-size:.6em;font-weight:700;letter-spacing:.04em;text-transform:lowercase;color:var(--violet);-webkit-text-fill-color:var(--violet);vertical-align:baseline}.linkbtn{background:none;border:none;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;padding:.4rem .6rem;border-radius:999px;transition:color .15s var(--ease),background .15s var(--ease)}.linkbtn:hover{color:var(--fg);background:color-mix(in srgb,var(--fg) 7%,transparent)}.linkbtn:active{transform:scale(.95)}.linkbtn:disabled{opacity:.45;cursor:default}button.primary{width:100%;padding:.9rem 1rem;border:none;border-radius:var(--r-md);background:var(--brand-grad);background-size:140% 140%;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--violet) 60%,transparent);transition:transform .12s var(--ease),box-shadow .2s var(--ease),background-position .4s var(--ease),opacity .15s var(--ease)}button.primary:hover{background-position:100% 0;box-shadow:0 10px 26px -8px color-mix(in srgb,var(--violet) 70%,transparent)}button.primary:active{transform:translateY(1px) scale(.985)}button.primary:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}input.field{width:100%;padding:.85rem .9rem;font-size:1.05rem;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--card);color:var(--fg);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}input.field::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}input.field:focus{outline:none;border-color:var(--teal);box-shadow:var(--ring)}label.lbl{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin:1rem 0 .4rem;letter-spacing:.02em}.error{color:var(--danger);font-size:.9rem;min-height:1.2em;font-weight:500}.login-card{width:100%;max-width:360px;text-align:center;padding:1.75rem 1.5rem 1.5rem;border-radius:var(--r-xl);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:rise-in .5s var(--ease) both}.login-card .brand{font-size:2.75rem;font-weight:800;letter-spacing:.12em;margin-bottom:.15rem;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.login-card .tag{color:var(--muted);margin-bottom:1.5rem}.game-grid{display:grid;gap:.85rem}.game-card{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:1.15rem 1.2rem 1.15rem 1.35rem;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;overflow:hidden;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);animation:rise-in .45s var(--ease) both}.game-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand-grad);opacity:.9}.game-card:not(.disabled):after{content:"›";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-size:1.6rem;line-height:1;color:var(--muted);transition:transform .18s var(--ease),color .18s var(--ease)}.game-card:not(.disabled):hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--teal) 45%,var(--border))}.game-card:not(.disabled):hover:after{transform:translateY(-50%) translate(3px);color:var(--teal)}.game-card:not(.disabled):active{transform:translateY(-1px) scale(.99)}.game-card:nth-child(2){animation-delay:.06s}.game-card:nth-child(3){animation-delay:.12s}.game-card:nth-child(4){animation-delay:.18s}.game-card .name{font-size:1.15rem;font-weight:700}.game-card .sub{color:var(--muted);font-size:.85rem}.game-card.disabled{opacity:.55;pointer-events:none;box-shadow:none}.game-card.disabled:before{background:var(--border-strong)}.board{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;justify-content:stretch;width:min(100%,20rem);margin:1.25rem auto}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tile{width:100%;aspect-ratio:1 / 1;display:grid;place-items:center;font-size:clamp(1.3rem,8vw,1.65rem);font-weight:700;text-transform:uppercase;border:2px solid var(--tile-border);border-radius:6px;color:var(--fg);background:var(--card);transition:border-color .12s var(--ease),transform .12s var(--ease)}.tile.filled{border-color:var(--border-strong);animation:tile-pop .14s var(--ease)}.tile.correct,.tile.present,.tile.absent{color:#fff;border:none;animation:tile-flip .5s var(--ease) both}.tile.correct{background:var(--correct);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--correct) 70%,transparent)}.tile.present{background:var(--present);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--present) 70%,transparent)}.tile.absent{background:var(--absent)}.row .tile:nth-child(2){animation-delay:.08s}.row .tile:nth-child(3){animation-delay:.16s}.row .tile:nth-child(4){animation-delay:.24s}.row .tile:nth-child(5){animation-delay:.32s}.keyboard{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:1rem;padding-bottom:env(safe-area-inset-bottom)}.krow{display:flex;justify-content:center;gap:5px}.key{min-width:0;flex:1 1 0;height:54px;padding:0 2px;border:none;border-radius:8px;background:var(--key-bg);color:var(--key-fg);font-size:clamp(.78rem,3.6vw,.9rem);font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .08s var(--ease),background .15s var(--ease),filter .15s var(--ease)}.key:hover{filter:brightness(1.05)}.key:active{transform:translateY(1px) scale(.94)}.key:disabled{opacity:.55}.key.wide{flex:1.5 1 0;font-size:clamp(.62rem,2.6vw,.72rem)}.key.correct{background:var(--correct);color:#fff}.key.present{background:var(--present);color:#fff}.key.absent{background:var(--key-absent);color:#fff}.toast{position:fixed;top:max(18%,calc(env(safe-area-inset-top) + 1rem));left:50%;transform:translate(-50%);background:color-mix(in srgb,var(--fg) 92%,transparent);color:var(--bg);padding:.75rem 1.15rem;border-radius:999px;font-weight:600;font-size:.95rem;z-index:50;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:toast-in .28s var(--ease);max-width:min(90vw,26rem);text-align:center}.scoring-note{margin:0 0 1rem;font-size:.85rem;border:1px solid var(--border);border-radius:var(--r-md);padding:.6rem .85rem;background:color-mix(in srgb,var(--teal) 7%,var(--card));box-shadow:var(--shadow-sm)}.scoring-note>summary{cursor:pointer;color:var(--muted);list-style:none;font-weight:600;display:flex;align-items:center;gap:.4rem}.scoring-note>summary::-webkit-details-marker{display:none}.scoring-note>summary:before{content:"▸";transition:transform .2s var(--ease);color:var(--teal)}.scoring-note[open]>summary{margin-bottom:.45rem;color:var(--fg)}.scoring-note[open]>summary:before{transform:rotate(90deg)}.scoring-note ul{margin:.55rem 0 0;padding-left:1.15rem;color:var(--muted)}.scoring-note li{margin:.25rem 0}.scoring-tables{display:flex;gap:.6rem;flex-wrap:wrap}.scoring-tables .scoring-mini{flex:1 1 8rem;min-width:8rem;font-size:.82rem}.scoring-tables .scoring-mini th,.scoring-tables .scoring-mini td{padding:.4rem .5rem}.invite-box{margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--r-md);background:color-mix(in srgb,var(--violet) 6%,var(--card));box-shadow:var(--shadow-sm)}.invite-head{font-weight:700;font-size:.95rem}.invite-hint{font-size:.82rem;margin:.15rem 0 .6rem}.invite-results{margin-top:.6rem;display:flex;flex-direction:column;gap:.35rem}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card)}.invite-name{flex:1 1 auto;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-member{font-size:.8rem;flex:none}.invite-row .invite-add{width:auto;flex:none;padding:.35rem .9rem;font-size:.85rem}.invite-empty{font-size:.85rem;margin:.3rem 0 0;text-align:center}.friends-btn{position:relative}.friends-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg)}.friends-page>.field{margin-bottom:.5rem}.friends-section{margin-top:.9rem}.friends-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .35rem}.friends-list{display:flex;flex-direction:column;gap:.3rem}.friends-empty{font-size:.85rem;margin:.3rem 0}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card-2)}.friend-name{flex:1 1 auto;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-actions{display:flex;align-items:center;gap:.35rem;flex:none}.friend-row .friend-btn{width:auto;flex:none;padding:.3rem .75rem;font-size:.82rem}.friend-status{font-size:.82rem;flex:none}.tabs{display:flex;gap:.35rem;margin-bottom:1rem;flex-wrap:wrap;padding:.3rem;border-radius:var(--r-md);background:var(--card-2);border:1px solid var(--border)}.tab{flex:1;min-width:max-content;padding:.55rem .7rem;border:none;border-radius:var(--r-sm);background:none;color:var(--muted);cursor:pointer;font:inherit;font-weight:600;transition:color .15s var(--ease),background .15s var(--ease),transform .1s var(--ease)}.tab:hover{color:var(--fg)}.tab:active{transform:scale(.96)}.tab.active{background:var(--brand-grad);color:#fff;box-shadow:0 4px 12px -5px color-mix(in srgb,var(--violet) 70%,transparent)}table.board-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem;background:var(--card);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm)}table.board-table th,table.board-table td{padding:.65rem .55rem;text-align:left;border-bottom:1px solid var(--border)}table.board-table tbody tr:last-child td{border-bottom:none}table.board-table th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:var(--card-2)}table.board-table td.num,table.board-table th.num{text-align:right;font-variant-numeric:tabular-nums}table.board-table tbody tr{transition:background .15s var(--ease)}table.board-table tbody tr:hover{background:color-mix(in srgb,var(--fg) 3%,transparent)}.rank{color:var(--muted);width:2rem;font-variant-numeric:tabular-nums;font-weight:700}tbody tr:nth-child(1) .rank{color:#d9a406}tbody tr:nth-child(2) .rank{color:#9aa2ab}tbody tr:nth-child(3) .rank{color:#c17a3c}.me-row{background:color-mix(in srgb,var(--teal) 12%,transparent)!important}.me-row td{font-weight:600}.paint-wrap{display:flex;flex-direction:column;gap:.7rem}.paint-wrap.expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--bg);padding:calc(.75rem + env(safe-area-inset-top)) .75rem calc(.75rem + env(safe-area-inset-bottom));justify-content:center;overflow-y:auto}.paint-close-btn{position:absolute;top:calc(.5rem + env(safe-area-inset-top));right:.5rem;width:2.25rem;height:2.25rem;border-radius:50%;border:1.5px solid var(--border);background:var(--card);color:var(--fg);font-size:1.1rem;line-height:1;cursor:pointer}canvas.paint{display:block;width:100%;max-width:320px;margin:0 auto;border:2px solid var(--border-strong);border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-md);touch-action:none;cursor:crosshair}canvas.paint.static{cursor:default}canvas.paint.preview{cursor:pointer;touch-action:auto}.paint-open-btn{max-width:320px;margin:0 auto}.paint-seam-wrap{max-width:320px;width:100%;margin:0 auto}canvas.paint-seam{display:block;width:100%;background:#fff;border:2px solid var(--border-strong);border-bottom:2px dashed var(--teal);border-radius:var(--r-md) var(--r-md) 0 0;opacity:.9}canvas.paint.seamed{border-radius:0 0 var(--r-md) var(--r-md);border-top:none}.palette{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:320px;margin:0 auto;width:100%}.swatch{aspect-ratio:1;width:100%;padding:0;border:2px solid color-mix(in srgb,var(--fg) 12%,transparent);border-radius:var(--r-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease)}.swatch:active{transform:scale(.9)}.swatch.sel{outline:3px solid var(--teal);outline-offset:2px;transform:scale(1.08)}.paint-tools{display:flex;justify-content:center;align-items:center;gap:.45rem;flex-wrap:wrap}.toolbtn{padding:.5rem .7rem;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--card);color:var(--fg);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;min-height:2.6rem;box-shadow:var(--shadow-sm);transition:transform .1s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.toolbtn:hover{border-color:var(--border-strong)}.toolbtn:active{transform:scale(.94)}.toolbtn.sel{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 16%,transparent)}.toolbtn:disabled{opacity:.4;cursor:default;box-shadow:none}.brush-dot{display:inline-block;border-radius:50%;background:currentColor;vertical-align:middle}.word-banner{padding:.8rem 1.1rem;border-radius:var(--r-md);background:color-mix(in srgb,var(--teal) 14%,var(--card));border:1px solid color-mix(in srgb,var(--teal) 28%,transparent);text-align:center;margin-bottom:.75rem;font-weight:500}.guess-row{display:flex;gap:.5rem;margin-top:.75rem}.guess-row .primary{white-space:nowrap}.tried{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.chip{padding:.25rem .65rem;border:1px solid var(--border);border-radius:999px;font-size:.85rem;color:var(--muted);background:var(--card-2)}.score-chip{display:inline-block;margin:.1rem .3rem .1rem 0;padding:.15rem .55rem;border:1px solid var(--border);border-radius:999px;font-size:.78rem;color:var(--muted);background:var(--card-2);white-space:nowrap}.reveal-box{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;margin:.6rem 0;border:1px dashed var(--border);border-radius:var(--r-md);background:var(--card-2)}.reveal-cover{font-size:2.6rem;line-height:1}.score-breakdown{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.3rem;font-size:.9rem}.score-breakdown .sb-part{font-weight:600}.score-breakdown .sb-muted{color:var(--muted);font-size:.82em}.score-breakdown .sb-op{color:var(--muted)}.score-breakdown .sb-total{color:var(--teal);font-size:1.08em}.share-box{margin-top:1.25rem;padding:1.25rem;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-md);text-align:center;animation:rise-in .4s var(--ease) both}.share-grid{font-size:1.25rem;line-height:1.3;letter-spacing:3px;margin:.6rem 0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);color:var(--fg);font-size:1.05rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .1s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.icon-btn:hover{border-color:var(--border-strong)}.icon-btn:active{transform:scale(.92)}.icon-btn.hamburger{flex-direction:column;gap:4px}.icon-btn.hamburger span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor}.theme-switch{--sw-w: 54px;--sw-h: 30px;--knob: 24px;width:var(--sw-w);height:var(--sw-h);padding:0;border:none;background:none;cursor:pointer;flex:0 0 auto}.theme-track{position:relative;display:block;width:100%;height:100%;border-radius:999px;background:var(--card-2);border:1px solid var(--border);box-shadow:inset 0 1px 2px #0000001f;transition:background .25s var(--ease),border-color .25s var(--ease)}.theme-switch.on .theme-track{background:color-mix(in srgb,var(--violet) 32%,var(--card-2));border-color:color-mix(in srgb,var(--violet) 40%,transparent)}.theme-ico{position:absolute;top:50%;transform:translateY(-50%);font-size:.72rem;line-height:1;opacity:.65;z-index:1}.theme-ico.sun{left:7px}.theme-ico.moon{right:7px}.theme-knob{position:absolute;top:50%;left:3px;width:var(--knob);height:var(--knob);border-radius:50%;background:var(--brand-grad);box-shadow:0 2px 6px #00000047;transform:translateY(-50%);transition:transform .28s var(--ease);z-index:2}.theme-switch.on .theme-knob{transform:translate(calc(var(--sw-w) - var(--knob) - 6px),-50%)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#06090e73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .28s var(--ease)}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:45;width:min(82vw,300px);display:flex;flex-direction:column;gap:.35rem;background:var(--card);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1.25rem + env(safe-area-inset-bottom));padding-left:1.25rem;padding-right:max(1.25rem,env(safe-area-inset-right));transform:translate(101%);transition:transform .3s var(--ease);overflow-y:auto}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.75rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.drawer-hi{font-weight:700;font-size:1.05rem}.drawer-hi small{display:block;font-weight:500;font-size:.75rem;color:var(--muted)}.drawer-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .15rem}.drawer-label{color:var(--muted);font-weight:600;font-size:.9rem}.drawer-sep{height:1px;background:var(--border);margin:.5rem 0}.drawer-link{display:flex;align-items:center;gap:.5rem;padding:.8rem .15rem;border:none;background:none;color:var(--fg);font:inherit;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;border-radius:var(--r-sm);transition:color .15s var(--ease)}.drawer-link:hover{color:var(--teal)}.drawer-link.danger{color:var(--danger);margin-top:auto}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tile-pop{0%{transform:scale(.86)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes tile-flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.islem-section{margin:1.25rem 0}.islem-heading{font-size:.95rem;font-weight:700;margin:0 0 .6rem}.islem-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:.75rem}.islem-tile{min-width:2.6rem;height:2.6rem;padding:0 .4rem;border:none;border-radius:var(--r-sm);background:var(--key-bg);color:var(--key-fg);font-size:1.1rem;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .08s var(--ease),opacity .15s var(--ease)}.islem-tile:hover{filter:brightness(1.05)}.islem-tile:active{transform:scale(.94)}.islem-tile:disabled,.islem-tile.used{opacity:.35;cursor:default}.islem-tile.op{background:var(--brand-grad);color:#fff;font-size:1.3rem}.islem-tile.paren{background:var(--card-2);color:var(--fg);border:1px solid var(--border-strong);font-size:1.3rem}.islem-hint{font-size:.82rem;text-align:center;margin:0 0 .5rem}.islem-current{min-height:2.6rem;display:flex;align-items:center;justify-content:center;gap:.3rem;flex-wrap:wrap;padding:.5rem .75rem;border:2px dashed var(--border-strong);border-radius:var(--r-md);font-size:1.2rem;font-weight:700;letter-spacing:.04em;margin-bottom:.6rem}.islem-current.empty{color:var(--muted);font-size:.9rem;font-weight:500;letter-spacing:normal}.islem-current.wrong{border-color:var(--danger);color:var(--danger)}.islem-target{text-align:center;font-size:.95rem;color:var(--muted);margin-bottom:.5rem}.islem-target strong{color:var(--fg);font-size:1.3rem}.islem-round-done{text-align:center;padding:.75rem;border-radius:var(--r-md);background:color-mix(in srgb,var(--correct) 12%,var(--card));border:1px solid color-mix(in srgb,var(--correct) 30%,transparent);font-weight:600}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}