:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--canvas);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:280px}.product-shell{min-height:100vh}.game-switcher{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(calc(100% - 36px),1084px);margin:18px auto 0;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.game-switcher button{min-height:42px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:800}.game-switcher button.active{background:var(--text);color:var(--surface)}button,a,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),white 20%);outline-offset:3px}.app-shell{width:min(100%,1120px);min-height:100vh;margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 18px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:.9rem;font-weight:700;text-transform:uppercase}h1,h2,p,dl{margin:0}h1{font-size:2.25rem;letter-spacing:0;line-height:1.16;overflow-wrap:anywhere}.status-chip{flex:0 0 auto;min-width:88px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-weight:800;text-align:center}.status-chip.active,.status-chip.started{color:var(--accent)}.status-chip.completed{border-color:#167a4a;color:#167a4a}.account-bar,.auth-panel{margin-bottom:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.account-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px}.account-bar p{display:grid;min-width:0;gap:2px}.account-bar strong,.account-bar span{overflow-wrap:anywhere}.account-bar span{color:var(--muted);font-size:.88rem}.account-bar button,.text-action{flex:0 0 auto;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font-weight:800}.auth-panel{display:grid;gap:14px;padding:14px}.auth-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.auth-heading h2{font-size:1.35rem}.text-action{min-height:auto;padding:4px 0;border:0;color:var(--accent)}.auth-form{display:grid;grid-template-columns:1fr;gap:12px}.auth-form label{display:grid;gap:5px;color:var(--muted);font-size:.88rem;font-weight:700}.auth-form input{width:100%;min-height:44px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--canvas);color:var(--text)}.auth-form input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),white 20%);outline-offset:2px}.auth-form .primary-action{min-height:44px;padding:9px 14px;border:0;border-radius:8px;background:var(--accent);color:var(--accent-text);font-weight:800}.puzzle-settings{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:18px}.segmented-control{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.segmented-control button{min-height:38px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:800}.segmented-control button.active{background:var(--text);color:var(--surface)}.form-error{color:#a12626;font-size:.9rem;line-height:1.4}.game-layout{display:grid;gap:18px;align-items:start}.play-panel,.control-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.play-panel{padding:14px}.board-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.board-meta div{display:grid;min-width:0;gap:4px}.board-meta .sync-indicator{margin-left:auto;text-align:right}.sync-indicator.synced strong{color:#167a4a}.sync-indicator.pending strong,.sync-indicator.syncing strong{color:var(--accent)}.sync-indicator.error strong,.sync-indicator.offline strong{color:#a12626}.board-meta span,.summary-list dt{color:var(--muted);font-size:.9rem}.board-meta strong,.summary-list dd{font-size:1.1rem;font-weight:800}.duo-theme-name{max-width:min(36vw,230px);overflow:hidden;color:var(--muted);font-size:.72rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.time-history{padding-top:14px;border-top:1px solid var(--border)}.time-history h3{margin:0 0 10px;font-size:1rem}.time-history ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.time-history li{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.time-history span{color:var(--muted);font-size:.82rem;text-align:right}.duo-board{display:grid;grid-template-columns:repeat(var(--duo-columns, 4),minmax(0,1fr));gap:clamp(4px,1.6vw,10px);width:min(100%,680px);margin-inline:auto;perspective:1100px}.duo-tile{position:relative;aspect-ratio:1;min-width:0;min-height:44px;padding:0;border:2px solid transparent;border-radius:8px;background:transparent;color:var(--text);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.duo-tile-inner,.duo-tile-cover,.duo-tile-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:6px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.duo-tile-inner{transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.72,.22,1)}.duo-tile-cover{border:1px solid rgba(255,255,255,.6);background-color:#123648;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #0923302e,0 3px 9px #0f26302e}.duo-tile-face{overflow:hidden;padding:clamp(4px,1.5vw,10px);border:1px solid color-mix(in srgb,var(--duo-theme-accent, var(--accent)),var(--border) 62%);background:var(--canvas);transform:rotateY(180deg)}.duo-tile.selected .duo-tile-inner,.duo-tile.matched .duo-tile-inner{transform:rotateY(180deg)}.duo-face-value{display:grid;max-width:100%;place-items:center;color:color-mix(in srgb,var(--duo-theme-accent, var(--accent)),white 72%);font-size:clamp(2.25rem,14vw,5.25rem);font-weight:900;line-height:.9;overflow-wrap:anywhere;text-align:center;text-shadow:0 0 8px rgba(255,186,55,.92),0 0 18px rgba(238,129,35,.65)}.duo-face-symbol .duo-face-value{color:color-mix(in srgb,var(--duo-theme-accent, var(--accent)),white 78%);font-size:clamp(2.15rem,13vw,4.75rem);filter:saturate(1.2) contrast(1.08);text-shadow:0 0 10px rgba(72,206,226,.95),0 0 22px rgba(20,112,154,.72)}.duo-face-image{padding:3px}.duo-face-image img{display:block;width:100%;height:100%;border-radius:4px;object-fit:cover}.duo-image-fallback{display:grid;min-width:0;gap:2px;place-items:center;color:var(--duo-theme-accent, var(--accent));text-align:center}.duo-image-fallback>span{font-size:clamp(1.3rem,6vw,3rem);line-height:1}.duo-image-fallback small{display:-webkit-box;max-width:100%;overflow:hidden;color:var(--muted);font-size:clamp(.55rem,1.6vw,.75rem);font-weight:800;line-height:1.1;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.duo-tile:hover:not(:disabled){border-color:var(--duo-theme-accent, var(--accent));transform:translateY(-2px)}.duo-tile.selected{border-color:var(--duo-theme-accent, var(--accent));box-shadow:0 0 0 2px color-mix(in srgb,var(--duo-theme-accent, var(--accent)),transparent 70%)}.duo-tile.matched{border-color:#167a4a;box-shadow:0 2px 8px #167a4a2e}.duo-tile:focus-visible{z-index:2;outline:3px solid color-mix(in srgb,var(--duo-theme-accent, var(--accent)),white 18%);outline-offset:3px}.duo-tile:disabled{cursor:default;opacity:1}.sudoku-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(100%,620px);aspect-ratio:1;margin-inline:auto;border:2px solid var(--text);background:var(--text);gap:1px}.sudoku-cell{position:relative;display:grid;min-width:0;padding:0;place-items:center;border:0;border-radius:0;background:var(--surface);color:var(--accent);font-size:1.3rem;font-weight:800}.sudoku-cell:nth-child(3n){border-right:2px solid var(--text)}.sudoku-cell:nth-child(6n){border-right:0}.sudoku-cell:nth-child(n+13):nth-child(-n+18),.sudoku-cell:nth-child(n+25):nth-child(-n+30){border-top:2px solid var(--text)}.sudoku-cell.given{background:color-mix(in srgb,var(--canvas),var(--text) 4%);color:var(--text)}.sudoku-cell.related{background:color-mix(in srgb,var(--accent),var(--surface) 91%)}.sudoku-cell.selected{background:color-mix(in srgb,var(--accent),var(--surface) 78%);box-shadow:inset 0 0 0 3px var(--accent);z-index:1}.sudoku-cell.conflict{background:#fde8e6;color:#a12626}.tango-play-panel{display:grid;gap:16px}.tango-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(100%,620px);aspect-ratio:1;margin-inline:auto;border:2px solid #263238;background:#d7d3ca;gap:2px}.tango-cell{position:relative;display:grid;min-width:0;padding:0;place-items:center;overflow:visible;border:0;border-radius:0;background:#fffdf9}.tango-cell.given{background:#f0ede7}.tango-cell.selected{box-shadow:inset 0 0 0 3px #176f83;z-index:2}.tango-cell.conflict{background:#fee9e6;box-shadow:inset 0 0 0 3px #c94035;z-index:3}.tango-symbol{display:block;width:48%;aspect-ratio:1;pointer-events:none}.tango-symbol.sun{border:clamp(2px,.5vw,4px) solid #cf6d1e;border-radius:50%;background:#ffb31f;box-shadow:inset 0 1px #ffffff73}.tango-symbol.moon{position:relative;border-radius:50%;background:#2d76ce;box-shadow:inset 0 0 0 clamp(2px,.5vw,4px) #1557a1}.tango-symbol.moon:after{position:absolute;width:72%;height:72%;top:5%;left:3%;border-radius:50%;background:#fffdf9;content:""}.tango-cell.given .tango-symbol.moon:after{background:#f0ede7}.tango-cell.conflict .tango-symbol.moon:after{background:#fee9e6}.tango-relation{position:absolute;display:grid;width:22px;height:22px;place-items:center;z-index:5;border-radius:50%;background:#fffdf9;color:#6f5b36;font-size:clamp(.72rem,2.2vw,1rem);font-weight:900;line-height:1;pointer-events:none}.tango-relation.right{top:50%;right:-12px;transform:translateY(-50%)}.tango-relation.bottom{bottom:-12px;left:50%;transform:translate(-50%)}.tango-symbol-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tango-symbol-controls button{display:flex;min-height:58px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--canvas);color:var(--text);font-weight:800}.tango-symbol-controls .tango-symbol{width:28px}.tango-symbol-controls .tango-symbol.moon:after{background:var(--canvas)}.tango-rules{padding-top:14px;border-top:1px solid var(--border)}.tango-rules h3{margin:0 0 10px;font-size:1rem}.tango-rules ul{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--muted);line-height:1.4}.tango-rules strong{color:var(--text)}.queens-play-panel{display:grid;gap:14px;overflow:hidden;border-color:color-mix(in srgb,var(--border),var(--text) 8%);box-shadow:0 18px 50px #231f1b12}.queens-app .topbar{padding-bottom:22px}.queens-app .topbar h1{letter-spacing:-.055em}.queens-app .status-chip{box-shadow:0 4px 16px #231f1b0d}.queens-app .segmented-control{box-shadow:0 4px 18px #231f1b0d}.queens-app .segmented-control button,.queens-app .sudoku-tools button,.queens-app .actions button{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.queens-app .board-meta{align-items:end;margin-bottom:2px;padding-inline:2px}.queens-app .board-meta strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.queens-board{display:grid;grid-template-columns:repeat(var(--queens-size),minmax(0,1fr));grid-template-rows:repeat(var(--queens-size),minmax(0,1fr));width:min(100%,620px);aspect-ratio:1;margin-inline:auto;overflow:hidden;border:3px solid #2c2925;border-radius:10px;background:#2c2925;box-shadow:0 12px 30px #2c292524;touch-action:manipulation;user-select:none;-webkit-user-select:none}.queens-cell{position:relative;display:grid;min-width:0;min-height:0;padding:0;place-items:center;border:1px solid rgb(44 41 37 / 38%);border-radius:0;background:var(--region-color);color:#25211e;cursor:pointer;line-height:1;transition:filter .11s ease,box-shadow .11s ease,transform .11s ease}.queens-cell.region-top{border-top-width:3px;border-top-color:#2c2925}.queens-cell.region-right{border-right-width:3px;border-right-color:#2c2925}.queens-cell.region-bottom{border-bottom-width:3px;border-bottom-color:#2c2925}.queens-cell.region-left{border-left-width:3px;border-left-color:#2c2925}.queens-cell.selected{z-index:2;box-shadow:inset 0 0 0 3px #0e7084,inset 0 0 0 5px #ffffff75}.queens-cell.conflict{z-index:3;background:#f7b0a8;box-shadow:inset 0 0 0 3px #b92f29;color:#8d1e1a}.queens-cell[aria-disabled=true]{cursor:default;opacity:1}.queens-board.is-dragging,.queens-board.is-dragging .queens-cell{cursor:crosshair}.queens-board.is-paint .queens-cell:not(.has-crown),.queens-board.is-erase .queens-cell.has-mark{filter:saturate(1.06) brightness(1.025)}.queens-board.is-paint .queens-cell.selected{box-shadow:inset 0 0 0 3px #126f5a,inset 0 0 0 5px #ffffff7a}.queens-board.is-erase .queens-cell.selected{box-shadow:inset 0 0 0 3px #a34d33,inset 0 0 0 5px #ffffff7a}.queens-x{font-size:clamp(.86rem,2.7vw,1.4rem);font-weight:800;opacity:.67;pointer-events:none;transform:translateY(-.04em)}.crown-icon{width:54%;max-width:42px;overflow:visible;fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;pointer-events:none}.crown-icon path:last-child{fill:none}.queens-tap-help{max-width:620px;margin-inline:auto;color:var(--muted);font-size:.82rem;line-height:1.4;text-align:center}.queens-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.queens-app .control-panel{border-color:color-mix(in srgb,var(--border),var(--text) 8%);box-shadow:0 18px 50px #231f1b0f}.queens-app .result-box h2{letter-spacing:-.025em}.queens-app .sudoku-tools button:not(:disabled):active,.queens-app .actions button:not(:disabled):active,.queens-app .segmented-control button:active{transform:translateY(1px)}.queens-app .sudoku-tools button:disabled{opacity:.42}.queens-app .queens-rules li::marker{color:var(--accent)}.sudoku-notes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:5px;color:var(--muted);font-size:.55rem;font-weight:700}.sudoku-notes span{display:grid;place-items:center}.number-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.number-pad button{aspect-ratio:1;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--canvas);color:var(--text);font-size:1.15rem;font-weight:800}.sudoku-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sudoku-tools button{min-height:44px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font-weight:800}.sudoku-tools button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent),var(--surface) 88%);color:var(--accent)}.control-panel{display:grid;gap:16px;padding:16px}.result-box{display:grid;gap:8px;min-height:132px;align-content:start;padding-bottom:16px;border-bottom:1px solid var(--border)}.result-box h2{font-size:1.55rem;line-height:1.1}.result-box p:not(.eyebrow){color:var(--muted);line-height:1.45}.actions{display:grid;gap:10px}.actions button{min-height:48px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font-weight:800}.actions button.primary-action{border:0;background:var(--accent);color:var(--accent-text)}.actions button:disabled{opacity:.55}.summary-list{display:grid;gap:10px}.summary-list div{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--border)}.summary-list dd{min-width:0;overflow-wrap:anywhere;text-align:right}.wend-theme{align-self:center;color:var(--muted);font-size:.88rem;font-weight:700}.wend-play-panel{min-width:0;overflow:hidden;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--accent),transparent 90%),transparent 35%),var(--surface)}.wend-board{display:grid;grid-template-columns:repeat(var(--wend-size),minmax(0,1fr));gap:3px;width:100%;max-width:480px;aspect-ratio:1;margin:0 auto;padding:7px;border:3px solid var(--text);border-radius:14px;background:color-mix(in srgb,var(--border),var(--surface) 55%);touch-action:none;-webkit-user-select:none;user-select:none}.wend-cell{position:relative;display:grid;min-width:0;aspect-ratio:1;place-items:center;overflow:visible;border:0;border-radius:9px;background:var(--surface);color:var(--text);font-size:clamp(.78rem,4vw,1.5rem);font-weight:900;line-height:1}.wend-cell.blocked{background:color-mix(in srgb,var(--text),var(--surface) 76%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text),transparent 65%)}.wend-cell.solved-path,.wend-cell.active-path{background:var(--path-color);color:#171717}.wend-cell.solved-path{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--path-color),#000 14%)}.wend-cell.active-path{box-shadow:inset 0 0 0 2px #9d7100}.wend-cell.path-start:before{position:absolute;inset:10%;border:2px solid color-mix(in srgb,var(--text),transparent 35%);border-radius:50%;content:""}.wend-cell.selected:not(.solved-path){outline:3px solid var(--accent);outline-offset:-3px}.wend-cell:disabled{cursor:default;opacity:1}.wend-letter{position:relative;z-index:1}.wend-arrow{position:absolute;right:3px;bottom:2px;z-index:2;font-size:clamp(.58rem,2vw,.9rem);font-weight:900}.wend-check{position:absolute;top:-5px;right:-5px;z-index:3;display:grid;width:20px;height:20px;place-items:center;border:2px solid #138455;border-radius:50%;background:var(--surface);color:#138455;font-size:.75rem}.wend-drag-help{margin-top:12px;color:var(--muted);font-size:.82rem;line-height:1.4;text-align:center}.wend-result h2{overflow-wrap:anywhere;letter-spacing:.04em}.wend-word-list{display:grid;gap:8px}.wend-word-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:8px}.wend-word-length{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--border),var(--surface) 25%);color:var(--muted);font-size:.82rem;font-weight:900}.wend-word-tiles{min-width:0;overflow:hidden;color:color-mix(in srgb,var(--muted),transparent 30%);font-size:clamp(.75rem,3.2vw,1.05rem);font-weight:900;letter-spacing:.19em;white-space:nowrap}.wend-word-list>div.solved .wend-word-length{background:var(--path-color);color:#171717}.wend-word-list>div.solved .wend-word-tiles{color:var(--text)}.word-check{color:#138455;font-size:1.25rem;font-weight:900}.wend-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wend-tools button{min-height:44px;padding:8px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font-size:.88rem;font-weight:800}.wend-tools button:disabled{opacity:.45}.wend-rules li::marker{color:var(--accent)}@media(prefers-reduced-motion:reduce){.duo-tile,.duo-tile-inner{transition:none}.duo-tile:hover:not(:disabled){transform:none}.queens-app .segmented-control button,.queens-app .sudoku-tools button,.queens-app .actions button,.queens-cell{transition:none}}@media(hover:hover){.queens-cell:not([aria-disabled=true]):hover{z-index:1;filter:brightness(1.045) saturate(1.04)}.queens-app .sudoku-tools button:not(:disabled):hover,.queens-app .actions button:not(.primary-action):hover{border-color:color-mix(in srgb,var(--border),var(--text) 28%);background:color-mix(in srgb,var(--surface),var(--text) 4%)}.queens-app .actions button.primary-action:hover{box-shadow:0 8px 20px color-mix(in srgb,var(--accent),transparent 72%)}}@media(min-width:760px){.game-switcher{width:min(calc(100% - 64px),1056px);margin-top:24px}.app-shell{padding:32px}.game-layout{grid-template-columns:minmax(0,1fr) 320px}.play-panel{padding:18px}h1{font-size:3rem}.duo-board{gap:10px}.duo-tile{font-size:1.05rem}.sudoku-cell{font-size:2rem}.tango-app h1{font-size:3rem}.sudoku-notes{font-size:.75rem}.auth-form{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form .form-error,.auth-form .primary-action{grid-column:1 / -1}.queens-layout{grid-template-columns:minmax(0,1fr) minmax(292px,320px)}}@media(min-width:1040px){h1{font-size:4.1rem}.duo-tile{font-size:1.25rem}.tango-app h1{font-size:3.4rem}}@media(max-width:359px){.game-switcher{width:calc(100% - 24px);margin-top:12px}.app-shell{padding-inline:12px}.topbar{align-items:flex-start}.status-chip{min-width:0;max-width:104px}.play-panel,.control-panel{padding:12px}.account-bar,.auth-heading{align-items:stretch;flex-direction:column}.account-bar button,.puzzle-settings,.segmented-control{width:100%}.game-switcher button{padding-inline:6px;font-size:.85rem}.tango-relation{width:18px;height:18px}.queens-board{border-width:2px;border-radius:7px}.queens-cell.region-top{border-top-width:2px}.queens-cell.region-right{border-right-width:2px}.queens-cell.region-bottom{border-bottom-width:2px}.queens-cell.region-left{border-left-width:2px}}@media(max-width:599px){.game-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}.queens-app .topbar{padding-bottom:16px}.queens-app .puzzle-settings,.queens-app .segmented-control{width:100%}.queens-app .play-panel{padding:12px}.queens-app .board-meta span{font-size:.78rem}.queens-app .board-meta strong{font-size:1rem}.queens-tap-help{padding-inline:4px;font-size:.78rem}}