.game-link,.botchee-back-link{color:var(--mint);font-size:12px;font-weight:650;text-decoration:none}.game-link:hover,.botchee-back-link:hover{text-decoration:underline}.botchee-shell{min-height:100vh;padding:max(14px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.botchee-topbar{width:min(100%,980px);min-height:48px;display:flex;align-items:center;justify-content:space-between}.botchee-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;font-weight:750;letter-spacing:.13em;text-decoration:none}.botchee-brand strong{color:var(--amber)}.botchee-brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgb(243 200 121 / 55%);border-radius:10px;color:var(--amber);font-size:11px;letter-spacing:0;transform:rotate(-8deg)}.botchee-card{width:min(100%,600px);margin:clamp(8px,2.2vh,24px) 0 0;padding:clamp(18px,4vw,32px);border:1px solid var(--line);border-radius:27px;background:linear-gradient(145deg,rgb(255 255 255 / 3%),transparent 45%),#1a2a3ae8;box-shadow:0 28px 80px #030a125c,inset 0 1px #ffffff0a}.botchee-intro{text-align:center}.botchee-eyebrow{margin:0 0 8px;color:var(--amber);font-size:10px;font-weight:750;letter-spacing:.17em}.botchee-intro h1{font-size:clamp(27px,6vw,38px)}.botchee-intro>p:last-child{max-width:430px;margin:9px auto 0;color:var(--muted);font-size:14px;line-height:1.5}.botchee-mode-switch{width:min(100%,440px);min-height:48px;margin:19px auto 0;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border:1px solid var(--line);border-radius:14px;background:#0a131d8a}.botchee-mode-switch button{min-height:40px;padding:0 6px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:650;transition:color .16s ease,background .16s ease}.botchee-mode-switch button.is-selected{background:#39434a;color:var(--ink);box-shadow:inset 0 1px #ffffff17,0 2px 6px #0000002e}.botchee-toolbar{min-height:67px;margin:15px auto 0;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:15px;background:#0b162147}.botchee-level{display:grid;gap:4px;color:var(--muted-soft);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.botchee-level select{min-height:34px;padding:0 25px 0 9px;border:1px solid var(--line);border-radius:9px;background:#203548;color:var(--ink);font-size:11px;letter-spacing:0;text-transform:none}.botchee-clock{min-width:53px;display:grid;justify-items:center;gap:4px}.botchee-clock span{color:var(--muted-soft);font-size:9px;font-weight:750;letter-spacing:.14em}.botchee-clock strong{color:var(--mint);font-size:16px;font-variant-numeric:tabular-nums}.botchee-scoreboard{width:min(100%,390px);margin:13px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px}.botchee-scoreboard>div{min-height:47px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;gap:7px;border:1px solid var(--line);border-radius:12px;background:#0b162147;color:var(--muted);font-size:11px}.botchee-scoreboard>div.is-current{border-color:#a4e7ca70;background:#a4e7ca14;color:var(--ink)}.botchee-scoreboard strong{color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}.score-separator{color:var(--muted-soft);font-size:10px}.botchee-board-frame{width:min(100%,410px);margin:16px auto 0;padding:clamp(7px,1.8vw,11px);border:1px solid rgb(220 238 235 / 10%);border-radius:23px;background:radial-gradient(ellipse at 50% 42%,rgb(116 98 67 / 17%),transparent 68%),linear-gradient(145deg,#293847,#182938);box-shadow:inset 0 1px #ffffff0a,0 15px 40px #0000002e}.botchee-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,1.3vw,9px);aspect-ratio:1}.botchee-cell{min-width:0;min-height:0;padding:0;display:grid;place-items:center;border:1px solid rgb(226 244 236 / 17%);border-radius:clamp(10px,2.5vw,17px);background:linear-gradient(150deg,rgb(255 255 255 / 13%),transparent 58%),linear-gradient(145deg,#d8cdb5,#bdb298);box-shadow:inset 0 1px #ffffff75,0 4px 7px #020a1140;color:#23313a;font-size:clamp(25px,8vw,50px);font-weight:760;line-height:1;cursor:pointer;touch-action:manipulation;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.botchee-cell.is-empty{background:linear-gradient(145deg,rgb(255 255 255 / 3%),transparent),#172735;box-shadow:inset 0 2px 9px #00000038;color:var(--ink)}.botchee-cell.is-playable{border-color:#a4e7cabf;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #a4e7ca38,0 0 17px #6fd8b333}.botchee-cell.is-playable:hover{filter:brightness(1.12)}.botchee-cell.is-playable:active{transform:scale(.95)}.botchee-cell.is-bot{border:3px double color-mix(in srgb,var(--player-color) 85%,white)}.botchee-cell.is-human{border:3px solid color-mix(in srgb,var(--player-color) 85%,white)}.botchee-cell.has-value{background:linear-gradient(150deg,rgb(255 255 255 / 22%),transparent 58%),color-mix(in srgb,var(--player-color, var(--die-color, #d8cdb5)) 57%,transparent)}.botchee-cell.dice-shape-square,.botchee-number-picker button.dice-shape-square,.die-chip.dice-shape-square{border-radius:5px}.cell-dot{width:9px;height:9px;border:1px solid rgb(164 231 202 / 19%);border-radius:50%}.botchee-number-picker,.botchee-dice-tray{margin:14px auto 0;padding:12px;border:1px solid var(--line);border-radius:15px;background:#0b16213d}.botchee-stash{min-width:0}.botchee-stash-list{margin:10px -2px 2px;padding:2px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stash-stack{min-width:0;display:flex;flex-direction:column-reverse;align-items:center;gap:5px;padding:7px 2px;border:1px solid rgb(226 244 236 / 15%);border-radius:12px;background:#0b162140}.stash-die{flex:0 0 44px;width:min(100%,48px);height:44px;padding:0;border:1px solid rgb(226 244 236 / 25%);border-radius:10px;background:linear-gradient(145deg,rgb(255 255 255 / 20%),transparent 60%),color-mix(in srgb,var(--stash-color) 57%,transparent);box-shadow:inset 1px 1px #ffffff61,0 2px 5px #0003;color:color-mix(in srgb,var(--die-color, #d8cdb5) 70%,#172735);cursor:pointer;font-size:15px;font-weight:800;touch-action:manipulation}.stash-die.is-played,.stash-die.is-selected{background:linear-gradient(145deg,rgb(255 255 255 / 20%),transparent 60%),color-mix(in srgb,var(--player-color) 57%,transparent);border-color:color-mix(in srgb,var(--player-color) 82%,white);color:#172735}.stash-die.is-selected{outline:2px solid var(--amber);outline-offset:2px}.stash-die:disabled{cursor:default}.stash-die:disabled:not(.is-played):not(.is-selected){opacity:.55}.stash-die.dice-shape-square{border-radius:5px}.botchee-number-picker>span,.tray-heading>span{color:var(--ink);font-size:12px;font-weight:650}.botchee-number-picker>div{margin-top:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.botchee-number-picker button{min-height:43px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(150deg,rgb(255 255 255 / 18%),transparent 58%),var(--die-color, #263a4b);color:#172531;cursor:pointer;font-size:17px;font-weight:700}.botchee-number-picker button.is-selected{border-color:#f3c879eb;box-shadow:0 0 0 2px #f3c87940}.botchee-number-picker button:disabled{opacity:.55}.botchee-number-picker small,.botchee-dice-tray small{margin-top:8px;display:block;color:var(--muted);font-size:10px;line-height:1.45}.tray-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.flip-action{min-height:36px;padding:0 10px;border:1px solid rgb(243 200 121 / 35%);border-radius:10px;background:#f3c8791a;color:#ffe3a9;cursor:pointer;font-size:11px;font-weight:650}.flip-action:disabled{opacity:.48;cursor:not-allowed}.flip-action span{margin-left:4px;font-size:15px}.die-list{max-height:152px;margin-top:9px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;overflow:auto;overscroll-behavior:contain}.die-chip{aspect-ratio:1;min-width:0;padding:0;border:1px solid rgb(226 244 236 / 18%);border-radius:9px;background:linear-gradient(145deg,rgb(255 255 255 / 30%),transparent 58%),var(--die-color, #d8cdb5);box-shadow:inset 1px 1px #ffffff5c,inset -2px -3px #0000001f,0 2px 4px #0000002e;color:#23313a;cursor:pointer;font-size:15px;font-weight:750}.die-chip.is-flipping{animation:die-roll .42s cubic-bezier(.25,.7,.25,1);transform-style:preserve-3d}@keyframes die-roll{0%{transform:rotateX(0) rotateY(0) scale(1)}48%{transform:rotateX(180deg) rotateY(180deg) scale(1.08)}to{transform:rotateX(360deg) rotateY(360deg) scale(1)}}.die-chip.is-selected{outline:2px solid var(--amber);outline-offset:1px;background:linear-gradient(145deg,#ffe2a5,#d9b979)}.botchee-turnline{min-height:20px;margin:13px 0 0;color:var(--mint);text-align:center;font-size:12px;font-weight:650}.botchee-subhint{margin:4px 0 0;color:var(--amber);text-align:center;font-size:11px}.botchee-actions{margin-top:12px;display:flex;justify-content:center;gap:9px}.botchee-primary,.botchee-secondary{min-height:47px;padding:0 20px;border-radius:13px;cursor:pointer;font-size:14px;font-weight:700;touch-action:manipulation;transition:transform .14s ease,filter .14s ease}.botchee-primary{min-width:155px;border:1px solid rgb(255 230 176 / 66%);background:linear-gradient(180deg,#f8d997,#eac276);box-shadow:0 7px 16px #99732d2b,inset 0 1px #fff9;color:#392d18}.botchee-secondary{border:1px solid var(--line);background:#263a4b;color:var(--ink)}.botchee-primary:hover,.botchee-secondary:hover{filter:brightness(1.06)}.botchee-primary:active,.botchee-secondary:active{transform:translateY(1px)}.botchee-rule-note,.botchee-local-note,.botchee-storage{color:var(--muted-soft);text-align:center;font-size:10px;line-height:1.5}.botchee-rule-note{max-width:430px;margin:14px auto 0}.botchee-rule-note a{color:var(--amber);font-weight:700}.botchee-history{margin-top:12px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#0b162140;color:var(--muted);font-size:11px}.botchee-history summary{color:var(--ink);cursor:pointer;font-weight:700}.botchee-history>p{margin:9px 0 0}.botchee-history-modes{color:var(--mint)}.botchee-history-list{max-height:260px;margin:9px 0;padding-left:20px;overflow:auto}.botchee-history-list>li{padding:5px 0}.botchee-history-list details{margin-top:4px}.botchee-history-list details ol{max-height:140px;padding-left:20px;overflow:auto}.botchee-history-actions{margin:8px 0;display:flex;gap:8px}.botchee-history-actions .botchee-secondary{min-height:36px;padding:0 12px;font-size:11px}.botchee-help section{margin-top:24px;scroll-margin-top:20px}.botchee-help h1{margin:0;font-size:clamp(24px,6vw,36px)}.botchee-help h2{margin:0 0 12px;color:var(--mint)}.botchee-help h3{margin:18px 0 5px;color:var(--ink);font-size:14px}.botchee-help p,.botchee-help li{color:var(--muted);font-size:13px;line-height:1.65}.botchee-help-nav{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.botchee-help-nav a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:var(--amber);font-size:12px}.botchee-local-note{margin:6px 0 0}.botchee-rating{margin:12px auto 0;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid var(--line);border-radius:13px;background:#0b162140}.botchee-rating>div{display:grid;gap:3px;text-align:center}.botchee-rating span{color:var(--muted-soft);font-size:9px;font-weight:750;letter-spacing:.12em}.botchee-rating strong{color:var(--ink);font-size:14px;font-variant-numeric:tabular-nums}.botchee-rating p{grid-column:1 / -1;margin:0;color:var(--muted);text-align:center;font-size:10px;line-height:1.4}.botchee-record{margin:6px 0 0;color:var(--muted);text-align:center;font-size:10px}.botchee-customize{margin-top:12px;border:1px solid var(--line);border-radius:13px;background:#0b16213b}.botchee-customize summary{min-height:43px;padding:0 12px;display:flex;align-items:center;color:var(--ink);cursor:pointer;font-size:12px;font-weight:650;list-style-position:inside}.dice-color-controls{padding:2px 12px 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.botchee-customize-label{grid-column:1 / -1;margin:0;color:var(--muted-soft);font-size:10px;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase}.player-color-controls{grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.dice-color-controls label{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:11px}.dice-color-controls input[type=color]{width:35px;height:35px;padding:2px;border:1px solid var(--line);border-radius:8px;background:#203548;cursor:pointer}.botchee-shape-control,.botchee-sound-control{min-height:42px;margin:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.botchee-shape-control select{min-height:32px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#203548;color:var(--ink)}.botchee-sound-control{justify-content:flex-start;cursor:pointer}.botchee-sound-control input{width:17px;height:17px;accent-color:var(--mint)}.botchee-customize>small{padding:0 12px 12px;display:block;color:var(--muted-soft);font-size:10px}.botchee-storage{margin:8px 0 0;color:#ffd58a}.botchee-footer{margin-top:auto;padding:15px 0 3px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted-soft);text-align:center;font-size:10px;line-height:1.5}.botchee-version{flex:none;padding:3px 6px;border:1px solid rgb(243 200 121 / 38%);border-radius:6px;color:#ffe3a9;font-variant-numeric:tabular-nums;font-weight:700}.botchee-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(min-width:760px){.botchee-shell{padding-right:32px;padding-left:32px}.botchee-card{padding:30px 38px 23px}}@media(max-width:390px){.botchee-shell{padding-right:11px;padding-left:11px}.botchee-card{padding:17px 13px;border-radius:22px}.botchee-mode-switch button{font-size:10px}.dice-color-controls{gap:4px}.dice-color-controls label{flex-direction:column;gap:4px}.botchee-toolbar{padding:7px}.botchee-level select{max-width:124px}.die-list{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.botchee-cell,.botchee-mode-switch button,.botchee-primary,.botchee-secondary{transition-duration:.01ms}.die-chip.is-flipping{animation-duration:.01ms}}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f5f0e5;--muted: #a7b3bd;--muted-soft: #70808e;--night: #101c2a;--panel: #1a2a3a;--panel-light: #203548;--line: rgb(223 232 234 / 11%);--mint: #a4e7ca;--mint-dark: #226b58;--amber: #f3c879}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--night)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 50% 7%,rgb(56 99 111 / 22%),transparent 42rem),linear-gradient(160deg,#132334 0%,var(--night) 46rem);color:var(--ink)}button,a{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.app-shell{min-height:100vh;padding:max(14px,env(safe-area-inset-top)) 20px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.topbar{width:min(100%,980px);min-height:48px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;font-weight:750;letter-spacing:.13em;text-decoration:none}.brand strong{color:var(--mint)}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgb(164 231 202 / 50%);border-radius:10px;color:var(--mint);font-size:12px;letter-spacing:0;transform:rotate(-8deg)}.topbar-note{color:var(--muted);font-size:12px;letter-spacing:.04em}.game-card{width:min(100%,620px);margin:clamp(6px,2.4vh,26px) 0 0;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:27px;background:linear-gradient(145deg,rgb(255 255 255 / 3%),transparent 45%),#1a2a3ae8;box-shadow:0 28px 80px #030a125c,inset 0 1px #ffffff0a}.intro{text-align:center}.eyebrow{margin:0 0 9px;color:var(--mint);font-size:10px;font-weight:750;letter-spacing:.17em}h1{margin:0;font-size:clamp(27px,6vw,39px);font-weight:690;letter-spacing:-.045em;line-height:1.08}.intro-copy{max-width:400px;margin:9px auto 0;color:var(--muted);font-size:14px;line-height:1.5}.mode-switch{width:min(100%,350px);min-height:46px;margin:20px auto 0;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid var(--line);border-radius:14px;background:#0a131d8a}.mode-option{min-height:40px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font-size:13px;font-weight:640;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.mode-option.is-selected{background:#2a4051;box-shadow:inset 0 1px #ffffff17,0 2px 6px #0000002e;color:var(--ink)}.stats{width:min(100%,390px);margin:19px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px;background:#0b162147}.stat{min-height:61px;padding:10px 8px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat+.stat{border-left:1px solid var(--line)}.stat-label{color:var(--muted-soft);font-size:9px;font-weight:750;letter-spacing:.14em}.stat-value{margin-top:3px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:18px;font-weight:650;letter-spacing:.01em}.stat:first-child .stat-value{color:var(--mint);font-size:17px}.stat-value small{color:var(--muted-soft);font-size:10px;font-weight:500}.board-wrap{display:grid;place-items:center;margin:13px auto 0}.board-stage{position:relative;display:grid;place-items:center}.twisted-stage{width:min(88vw,52svh,500px);aspect-ratio:1}.classic-stage{height:min(57svh,490px);width:auto;aspect-ratio:2 / 3}.board-grid{display:grid;align-content:stretch;gap:clamp(3px,.9vw,7px);width:100%;height:100%;padding:clamp(6px,1.2vw,10px);border:1px solid rgb(220 238 235 / 10%);border-radius:22px;background:radial-gradient(ellipse at 50% 42%,rgb(64 104 116 / 23%),transparent 68%),linear-gradient(145deg,#1a3040,#122332);box-shadow:inset 0 1px #ffffff0a,0 15px 40px #0000002e}.twisted-grid{grid-template:repeat(6,minmax(0,1fr)) / repeat(6,minmax(0,1fr));transform:rotate(-45deg) scale(.78)}.classic-grid{grid-template:repeat(6,minmax(0,1fr)) / repeat(4,minmax(0,1fr))}.board-cell{min-width:0;min-height:0;display:grid;place-items:stretch}.tile{width:100%;height:100%;min-width:0;min-height:0;padding:0;display:grid;place-items:center;border:1px solid rgb(226 244 236 / 17%);border-radius:clamp(8px,1.6vw,14px);background:linear-gradient(150deg,rgb(255 255 255 / 12%),transparent 58%),linear-gradient(145deg,#d8cdb5,#bdb298);box-shadow:inset 0 1px #ffffff75,inset 0 -2px #45474124,0 4px 7px #020a1140;color:#23313a;cursor:pointer;font-size:clamp(12px,4vw,22px);font-variant-numeric:tabular-nums;font-weight:760;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;touch-action:manipulation}.tile:active{transform:scale(.94)}.tile-available{border-color:#a4e7caab;background:linear-gradient(150deg,rgb(255 255 255 / 18%),transparent 62%),linear-gradient(145deg,#dbe8cf,#bdcfb4);box-shadow:inset 0 1px #ffffff91,inset 0 -2px #45474121,0 0 0 1px #a4e7ca38,0 0 14px #6fd8b333,0 4px 7px #020a1140}.tile-available:hover{filter:brightness(1.07)}.tile-label{transform:rotate(45deg)}.blank-cell{place-items:center}.blank-mark{width:53%;height:53%;border:1px dashed rgb(164 231 202 / 34%);border-radius:50%;background:#06121b36}.board-hint{min-height:18px;margin:1px 0 13px;color:var(--muted);text-align:center;font-size:12px}.actions{display:flex;justify-content:center;gap:10px}.primary-action,.secondary-action{min-height:48px;border-radius:14px;cursor:pointer;font-weight:700;transition:transform .14s ease,filter .14s ease,background .14s ease;touch-action:manipulation}.primary-action{min-width:170px;padding:0 24px;border:1px solid rgb(190 246 221 / 65%);background:linear-gradient(180deg,#b2efd4,#91dabb);box-shadow:0 7px 16px #3e99772e,inset 0 1px #ffffff9e;color:#13382f;font-size:15px}.primary-action span{margin-right:5px;font-size:20px;vertical-align:-1px}.secondary-action{min-width:100px;padding:0 18px;border:1px solid var(--line);background:#263a4b;color:var(--ink);font-size:14px}.primary-action:hover,.secondary-action:hover{filter:brightness(1.06)}.primary-action:active,.secondary-action:active{transform:translateY(1px)}.personal-record{min-height:59px;margin-top:19px;padding:10px 12px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.record-icon{color:var(--amber);font-size:18px}.personal-record strong{margin-top:3px;display:block;color:var(--ink);font-size:12px;font-weight:650}.record-divider{color:var(--muted-soft)}.local-badge{margin-left:auto;padding:5px 7px;border:1px solid var(--line);border-radius:6px;color:var(--muted-soft);font-size:8px;font-weight:700;letter-spacing:.09em;white-space:nowrap}.leaderboard-note,.storage-message{margin:0;color:var(--muted-soft);text-align:center;font-size:10px;line-height:1.5}.storage-message{margin-top:8px;color:#ffd58a}.page-footer{margin-top:auto;padding:15px 0 3px;color:var(--muted-soft);text-align:center;font-size:10px;letter-spacing:.035em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(min-width:760px){.app-shell{padding-right:32px;padding-left:32px}.game-card{margin-top:22px;padding:32px 38px 24px}.twisted-stage{width:min(62vw,47svh,470px)}.classic-stage{height:min(51svh,470px)}}@media(max-width:380px){.app-shell{padding-right:12px;padding-left:12px}.game-card{padding:18px 14px;border-radius:22px}.twisted-stage{width:min(88vw,48svh)}.board-grid{gap:3px;padding:6px;border-radius:17px}.tile{border-radius:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.game-nav,.botchee-nav{display:flex;align-items:center;gap:16px}.game-nav a,.botchee-nav a,.town-home-link{color:var(--mint);font-size:12px;font-weight:700;text-decoration:none}.game-town-shell,.hangman-shell{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 22px max(20px,env(safe-area-inset-bottom))}.town-topbar{min-height:48px;display:flex;align-items:center;justify-content:space-between}.town-hero{margin:clamp(24px,7vh,68px) auto 42px;text-align:center}.town-eyebrow,.hangman-eyebrow{margin:0 0 9px;color:var(--mint);font-size:10px;font-weight:800;letter-spacing:.18em}.town-hero h1{font-size:clamp(31px,7vw,52px)}.town-hero>p:not(.town-eyebrow,.town-access-note){margin:12px 0 0;color:var(--muted)}.town-search{width:min(100%,590px);min-height:54px;margin:26px auto 0;padding:0 15px;display:flex;align-items:center;gap:11px;border:1px solid rgb(164 231 202 / 25%);border-radius:15px;background:#0b16218f;box-shadow:0 14px 40px #030a1233;color:var(--mint)}.town-search>span:not(.sr-only){font-size:22px;line-height:1}.town-search input{min-width:0;min-height:50px;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}.town-search input::placeholder{color:var(--muted-soft)}.town-search:focus-within{outline:3px solid var(--amber);outline-offset:3px}.town-search button{width:34px;height:34px;border:0;border-radius:9px;background:#ffffff14;color:var(--ink);cursor:pointer;font-size:20px}.town-access-note{margin:14px auto 0;color:var(--muted-soft);font-size:11px}.town-section{margin:34px 0 0}.town-section-heading{margin-bottom:14px;display:flex;align-items:end;justify-content:space-between;gap:16px}.town-section-heading .town-eyebrow{margin-bottom:5px}.town-section-heading h2{margin:0;font-size:clamp(22px,4vw,29px);letter-spacing:-.035em}.town-section-heading>span{padding-bottom:3px;color:var(--muted-soft);font-size:11px}.town-game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:12px}.town-game-card{min-height:190px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgb(255 255 255 / 3%),transparent 48%),#1a2a3ad1}.town-game-status{padding:4px 7px;border-radius:6px;background:#a4e7ca1c;color:var(--mint);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.town-game-status.is-planned{background:#f3c8791a;color:var(--amber)}.town-game-card>p:not(.town-game-description){margin:12px 0 2px;color:var(--muted-soft);font-size:10px;font-weight:650;text-transform:uppercase}.town-game-card h3{margin:0;font-size:18px}.town-game-description{margin:8px 0 13px;color:var(--muted);font-size:12px;line-height:1.5}.town-game-link{margin-top:auto;color:var(--mint);font-size:12px;font-weight:700;text-decoration:none}.town-game-link span{padding-left:4px}.town-game-link.is-unavailable{color:var(--muted-soft);cursor:default}.town-empty{padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.town-table-note{max-width:780px;margin:-4px 0 13px;color:var(--muted);font-size:11px;line-height:1.6}.town-storage-warning{margin:0 0 12px;color:var(--amber);font-size:11px}.town-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#0b16214d}.town-table{width:100%;min-width:610px;border-collapse:collapse;text-align:left;font-size:12px}.town-table th,.town-table td{padding:11px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.town-table th{color:var(--muted-soft);font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.town-table th button{padding:3px 0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left;text-transform:inherit}.town-table th[aria-sort=ascending] button:after{content:" ↑";color:var(--mint)}.town-table th[aria-sort=descending] button:after{content:" ↓";color:var(--mint)}.town-table td{color:var(--muted)}.town-table tbody tr:last-child td{border-bottom:0}.town-table td:nth-child(2),.town-table td:nth-child(3){color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.town-kind{margin-right:8px;color:var(--muted-soft);font-size:9px;font-weight:750;text-transform:uppercase}.town-kind.kind-player{color:var(--amber)}.town-kind.kind-word{color:var(--mint)}.town-member-note,.hangman-invite-note{margin-top:20px;padding:14px;display:flex;align-items:flex-start;gap:12px;border:1px solid rgb(243 200 121 / 18%);border-radius:14px;background:#f3c8790d;color:var(--amber)}.town-member-note>span,.hangman-invite-note>span{font-size:16px}.town-member-note strong,.hangman-invite-note strong{color:var(--ink);font-size:12px}.town-member-note p,.hangman-invite-note p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.town-footer{padding:25px 0 4px;color:var(--muted-soft);font-size:10px;text-align:center}.hangman-shell{--hangman-accent: #a4e7ca;--hangman-accent-dark: #226b58;--hangman-warm: #f3c879;width:min(100%,900px);display:flex;flex-direction:column}.hangman-shell.theme-sunset{--hangman-accent: #ffb18a;--hangman-accent-dark: #8d4836;--hangman-warm: #f5d17b}.hangman-shell.theme-violet{--hangman-accent: #d3b5ff;--hangman-accent-dark: #67469c;--hangman-warm: #f5cc80}.hangman-shell .town-topbar{width:100%}.hangman-card{width:min(100%,720px);margin:clamp(10px,3vh,30px) auto;padding:clamp(19px,4vw,34px);border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgb(255 255 255 / 3%),transparent 43%),#1a2a3aed;box-shadow:0 28px 80px #030a125c,inset 0 1px #ffffff0a}.hangman-heading{text-align:center}.hangman-eyebrow{color:var(--hangman-accent)}.hangman-heading h1{font-size:clamp(28px,6vw,43px)}.hangman-heading>p:last-child{margin:9px 0 0;color:var(--muted);font-size:13px}.hangman-stats{width:min(100%,460px);margin:19px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:13px;background:#0b16214d}.hangman-stats>div{min-height:58px;display:grid;align-content:center;justify-items:center;gap:3px}.hangman-stats>div+div{border-left:1px solid var(--line)}.hangman-stats span,.hangman-word-record>div>span{color:var(--muted-soft);font-size:9px;font-weight:750;letter-spacing:.13em}.hangman-stats strong{color:var(--hangman-accent);font-size:16px;font-variant-numeric:tabular-nums}.hangman-play-area{margin:18px auto 12px;display:grid;grid-template-columns:minmax(180px,.85fr) minmax(230px,1.15fr);align-items:center;gap:18px}.hangman-illustration{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:18px;background:#0b162138;color:var(--hangman-accent)}.hangman-drawing{width:min(100%,230px);height:174px;overflow:visible}.gallows-frame{opacity:.7}.gallows-person{color:var(--hangman-warm)}.hangman-mistakes{color:var(--muted-soft);font-size:10px}.hangman-word-panel{min-width:0;text-align:center}.hangman-category{color:var(--muted-soft);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.hangman-word{margin:16px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(4px,1.5vw,10px)}.hangman-letter{width:clamp(25px,7vw,39px);height:clamp(38px,9vw,49px);display:grid;place-items:center;border-bottom:3px solid color-mix(in srgb,var(--hangman-accent) 70%,transparent);color:var(--ink);font-size:clamp(18px,4vw,26px);font-weight:760}.hangman-letter.is-revealed{border-color:var(--hangman-accent);color:var(--hangman-accent);animation:letter-appear .18s ease-out both}@keyframes letter-appear{0%{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.hangman-hint{margin:14px 0 0;color:var(--muted);font-size:12px}.hangman-hint span{margin-right:7px;color:var(--hangman-accent);font-size:9px;font-weight:800;letter-spacing:.11em}.hangman-result{margin:14px 0 0;font-size:12px;line-height:1.5}.hangman-result.is-win{color:var(--hangman-accent)}.hangman-result.is-loss{color:var(--hangman-warm)}.hangman-keyboard{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:6px}.hangman-key{min-width:0;min-height:43px;border:1px solid rgb(226 244 236 / 15%);border-radius:9px;background:#263b4d;color:var(--ink);cursor:pointer;font-size:13px;font-weight:750;touch-action:manipulation;transition:background .13s ease,transform .13s ease}.hangman-key:hover:not(:disabled){background:color-mix(in srgb,var(--hangman-accent-dark) 60%,#263b4d);transform:translateY(-1px)}.hangman-key.is-correct{background:color-mix(in srgb,var(--hangman-accent-dark) 68%,#263b4d);color:var(--hangman-accent)}.hangman-key.is-wrong{opacity:.4;text-decoration:line-through}.hangman-key:disabled{cursor:default}.hangman-keyboard-hint{margin:9px 0 0;color:var(--muted-soft);text-align:center;font-size:10px}.hangman-actions{margin-top:18px;display:flex;justify-content:center;align-items:center;gap:10px}.hangman-primary,.hangman-secondary{min-height:45px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;background:var(--hangman-accent-dark);color:#fff;cursor:pointer;font-size:12px;font-weight:750;text-decoration:none}.hangman-secondary{border-color:var(--line);background:transparent;color:var(--muted)}.hangman-controls{margin-top:20px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hangman-controls summary{color:var(--ink);cursor:pointer;font-size:12px;font-weight:700}.hangman-control-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hangman-control-grid label{display:grid;gap:6px;color:var(--muted);font-size:11px}.hangman-control-grid select{min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#172635;color:var(--ink);font:inherit}.hangman-control-grid .hangman-hint-toggle{display:flex;align-items:center;gap:8px}.hangman-hint-toggle input{width:18px;height:18px;accent-color:var(--hangman-accent)}.hangman-controls>p{margin:10px 0 0;color:var(--muted-soft);font-size:10px}.hangman-word-record{margin-top:13px;padding:12px 0;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.hangman-word-record>div{display:grid;gap:3px}.hangman-word-record>div strong{color:var(--ink);font-size:13px}.hangman-word-record>p{margin:0;flex:1}.hangman-local-badge{color:var(--muted-soft);font-size:8px;font-weight:750;letter-spacing:.08em;white-space:nowrap}.hangman-invite-note{margin-top:15px;padding:12px}.hangman-storage-message,.hangman-local-note{margin:10px 0 0;color:var(--muted-soft);font-size:10px;line-height:1.5;text-align:center}.hangman-storage-message{color:var(--hangman-warm)}@media(max-width:600px){.game-town-shell,.hangman-shell{padding-right:14px;padding-left:14px}.topbar-note{display:none}.game-nav,.botchee-nav{gap:10px}.game-nav a,.botchee-nav a{font-size:11px}.town-hero{margin:31px auto 30px}.town-section{margin-top:27px}.hangman-card{padding:19px 14px;border-radius:20px}.hangman-play-area{grid-template-columns:1fr;gap:13px}.hangman-illustration{min-height:162px}.hangman-drawing{height:135px}.hangman-word{margin:11px 0}.hangman-keyboard{grid-template-columns:repeat(7,minmax(0,1fr))}.hangman-key{min-height:42px}}@media(max-width:360px){.game-nav,.botchee-nav{gap:7px}.game-nav a,.botchee-nav a{font-size:10px}.hangman-word-record{flex-wrap:wrap}}
