.casual-main{max-width:740px;margin:auto;padding:36px 24px 45px}.casual-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.casual-title .eyebrow{color:var(--accent);font-size:9px}.casual-title h1{font:500 46px/1.1 var(--display);letter-spacing:-1.8px;margin:12px 0 0}.casual-title p{color:var(--muted);font-size:13px;margin:10px 0 0}.casual-title>span{font:500 55px var(--display);color:var(--accent);opacity:.85;transform:rotate(8deg);margin-left:20px}.casual-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.casual-toolbar label{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.casual-toolbar select{font:11px var(--body);background:#202b35;color:var(--text);border:1px solid #43505c;border-radius:7px;padding:10px;max-width:100%}.casual-toolbar .button{font-size:11px;min-height:38px;padding:9px 12px}.casual-panel{padding:22px;border:1px solid #3d4b50;border-radius:15px;background:radial-gradient(ellipse at 50% 0,#2b3a3d,#1a252d 80%);overflow:hidden}.casual-stats{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.casual-stats>div:last-child{text-align:right}.casual-stats span{display:block;font-size:8px;letter-spacing:1.3px;color:#a4b2b8}.casual-stats b{font:500 25px var(--display);font-variant-numeric:tabular-nums;color:var(--accent);display:block;margin-top:4px}.casual-signature{display:flex;justify-content:space-between;gap:10px;font-size:6px;letter-spacing:1.3px;color:#91a3a7;margin-top:18px}.casual-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.casual-controls .button{font-size:11px;min-height:43px;padding:10px 15px}.casual-message{text-align:center;font-size:12px;line-height:1.8;color:#bacbc9;min-height:44px;margin:16px 0}.casual-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--border);padding-top:17px;font-size:9px;color:var(--muted)}.casual-bottom b{color:var(--accent);margin-left:5px}.casual-tip{color:var(--muted);font-size:10px;line-height:1.9;text-align:center;margin-top:22px}.dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,42px);gap:5px}.dpad button{border:1px solid #516368;border-radius:8px;background:#293c40;font-size:22px;color:var(--accent);padding:0;touch-action:manipulation}.dpad button[data-direction=up]{grid-column:2}.dpad button[data-direction=left]{grid-column:1;grid-row:2}.dpad button[data-direction=down]{grid-column:2;grid-row:2}.dpad button[data-direction=right]{grid-column:3;grid-row:2}.dpad button:active{background:#486160}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#162127;border:1px solid #4a5147;border-radius:10px;padding:10px;touch-action:none;user-select:none;outline-offset:4px}.number-tile{aspect-ratio:1;border-radius:7px;background:#2a383a;display:grid;place-items:center;font:600 clamp(24px,6vw,46px) var(--display);color:#20382f}.number-tile[data-value="2"]{background:#d7ded0}.number-tile[data-value="4"]{background:#e4d5ae}.number-tile[data-value="8"]{background:#edbb80}.number-tile[data-value="16"]{background:#eaa273}.number-tile[data-value="32"]{background:#e58e7a}.number-tile[data-value="64"]{background:#d8706d;color:#fff0df}.number-tile.high{background:#eac45b;color:#433c24;font-size:clamp(21px,5vw,38px);box-shadow:inset 0 0 20px #fff2}.number-tile.super{background:#bcb4f1;color:#26233c;font-size:clamp(14px,4vw,30px)}.sudoku-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid #84918d;border-radius:3px;background:#293a40}.sudoku-cell{aspect-ratio:1;border:0;border-right:1px solid #536367;border-bottom:1px solid #536367;padding:0;background:#24343c;color:#c4bafa;font:500 clamp(16px,3.6vw,27px) var(--display);min-width:0;position:relative}.sudoku-cell:nth-child(3n){border-right:2px solid #a0aaa0}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #a0aaa0}.sudoku-cell:nth-child(n+73){border-bottom:0}.sudoku-cell.given{color:#e0e5dd;font-weight:600}.sudoku-cell.related{background:#31454c}.sudoku-cell.same{background:#3c4a66}.sudoku-cell.selected{background:#5a5478;box-shadow:inset 0 0 0 2px #d1c5ff}.sudoku-cell.conflict,.sudoku-cell.error{color:#ffa69c;background:#643c46}.sudoku-cell:focus-visible{outline:2px solid #e5d2ff;outline-offset:-3px;z-index:1}.sudoku-notes{display:grid;grid-template-columns:repeat(3,1fr);position:absolute;inset:2px;font:9px/1 var(--body);color:#d5c8ed}.sudoku-notes span{display:grid;place-items:center}.sudoku-pad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;width:100%}.sudoku-pad button{font:500 22px var(--display);padding:10px 0;border:1px solid #58536e;background:#302e42;color:#d4c9f6;border-radius:7px;min-height:44px}.casual-controls button[aria-pressed=true]{border-color:var(--accent);background:#443e58;color:#e1d7ff}.sudoku-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;width:100%}.sudoku-tools .button{padding:8px 12px}.canvas-wrap{position:relative;max-width:480px;margin:auto}.arcade-canvas{display:block;width:100%;height:auto;border:1px solid #4b6460;border-radius:9px;touch-action:none;background:#122327}.canvas-overlay{position:absolute;inset:1px;background:#0c1b25c9;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px;text-align:center;padding:20px;pointer-events:none}.canvas-overlay h2{font:500 30px var(--display);margin:0 0 10px;color:var(--accent)}.canvas-overlay p{color:#bdcfc9;font-size:12px;max-width:230px;margin:0;line-height:1.8}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.memory-grid.large{grid-template-columns:repeat(6,minmax(0,1fr))}.memory-card{aspect-ratio:1;border-radius:9px;border:1px solid #a17c9c;border-bottom:3px solid #493d53;background:repeating-linear-gradient(45deg,transparent 0 11px,#f3c3e009 11px 12px),#4c3c56;color:#d6afd0;display:grid;place-items:center;min-width:0;font:500 clamp(22px,5vw,42px) var(--display);padding:0;transition:background .15s,transform .15s;position:relative}.memory-card .card-pattern{font-size:.8em}.memory-card.revealed{background:#f1e3dd;color:#304b43;border-color:#e3cbbf;transform:rotate(-1deg)}.memory-card.matched{background:#b9d8c6;color:#1c4e3b;border-color:#83b7a0;opacity:.8;transform:none}.memory-card.matched:after{content:'✓';position:absolute;right:5px;bottom:2px;font:11px var(--body)}.memory-settings{display:flex;gap:8px;flex-wrap:wrap}.casual-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.mini-game{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column}.mini-art{height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,var(--art-bg),#202c32);color:var(--art-color)}.mini-art>span{font:600 52px var(--display);letter-spacing:-2px;transform:rotate(-8deg);text-shadow:0 9px 20px #0004}.mini-art small{position:absolute;left:16px;top:15px;font:8px var(--body);letter-spacing:2px;border:1px solid #fff3;border-radius:5px;padding:3px 7px}.mini-content{padding:23px;display:flex;flex-direction:column;flex:1}.mini-content>.eyebrow{font-size:8px;letter-spacing:1.3px;color:var(--art-color)}.mini-content h3{font:500 26px var(--display);letter-spacing:-.8px;margin:10px 0}.mini-content p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 20px;flex:1}.mini-content .button{width:100%;justify-content:space-between;font-size:11px;padding:10px 13px;min-height:42px}.mini-game:hover{border-color:#6a7b7c}.mini-game:nth-child(4),.mini-game:nth-child(5){grid-column:span 1}
@media(max-width:900px){.casual-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.casual-main{padding:25px 14px 35px}.casual-title{margin-bottom:25px}.casual-title h1{font-size:36px}.casual-title .eyebrow{font-size:7px;letter-spacing:1.2px}.casual-title p{font-size:11px}.casual-title>span{font-size:37px}.casual-panel{padding:12px}.casual-toolbar .button{font-size:10px;white-space:nowrap}.casual-toolbar label{font-size:9px;gap:5px}.casual-toolbar select{padding:9px 6px;font-size:10px}.casual-stats{margin:4px 3px 15px}.casual-stats span{font-size:7px;letter-spacing:1px}.casual-stats b{font-size:23px}.casual-message{font-size:11px}.casual-bottom{font-size:8px}.casual-bottom>span:last-child{max-width:150px;text-align:right}.casual-signature{font-size:5px;letter-spacing:.8px}.tile-grid{gap:7px;padding:7px}.sudoku-notes{font-size:7px;inset:1px}.sudoku-pad{gap:3px}.sudoku-pad button{font-size:19px}.sudoku-tools .button{font-size:10px;padding:8px 10px}.memory-grid{gap:7px}.memory-grid.large{gap:5px}.memory-settings{gap:4px}.memory-settings label{flex-direction:column;align-items:start}.canvas-overlay h2{font-size:26px}.casual-cards{gap:14px;grid-template-columns:1fr}.mini-game{display:grid;grid-template-columns:110px minmax(0,1fr)}.mini-art{height:100%;min-height:210px}.mini-art>span{font-size:31px}.mini-art small{font-size:6px;left:10px;top:12px}.mini-content{padding:20px 16px}.mini-content h3{font-size:25px}.mini-content p{font-size:11px;margin-bottom:15px}.mini-content>.eyebrow{font-size:7px}}

.arcade-badge{font-size:9px;letter-spacing:1.2px;color:var(--accent);border:1px solid #72554f;border-radius:6px;padding:8px;background:#3b2f2e}@media(max-width:650px){.arcade-badge{font-size:8px;letter-spacing:.6px;padding:8px 6px}}