@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";#root{min-height:100vh}body{margin:0}:root{--bg:#f2eee6;--bg-2:#e8e0d0;--ink:#1a1916;--muted:#5c574f;--panel:#fffdf9;--line:#d6c8ad;--accent:#8a3b2f;--accent-2:#bb8a2c;--ok:#2f7d32;--error:#8f1d1d;--shadow:0 18px 44px #2d1f0a2b}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 20% 10%, #fdf8ed 0%, transparent 38%), radial-gradient(circle at 80% 18%, #ffe9cf 0%, transparent 26%), linear-gradient(180deg, var(--bg), var(--bg-2));min-height:100vh;margin:0;font-family:Space Grotesk,Trebuchet MS,sans-serif}.app-shell{min-height:100vh;position:relative;overflow:hidden}.grain{pointer-events:none;opacity:.13;background-image:radial-gradient(#7d6f5b .55px,#0000 .55px);background-size:4px 4px;position:absolute;inset:0}.board-page{z-index:1;max-width:1120px;margin:0 auto;padding:34px 20px 28px;position:relative}.topbar h1{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:clamp(1.5rem,2.5vw,2.3rem)}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.top-left{display:block}.top-right{margin-left:auto}.topbar p{color:var(--muted);margin:6px 0 0;font-size:.92rem}.auth-controls{margin-top:2px}.auth-loading{color:var(--muted);text-align:right;margin:8px 0 0;font-size:.86rem}.user-chip-wrap{position:relative}.user-chip{color:#3d2c1b;cursor:pointer;background:linear-gradient(145deg,#fff7ea,#f4dfba);border:2px solid #ebd8bb;border-radius:999px;place-items:center;width:42px;height:42px;font:700 .92rem/1 Space Grotesk,Trebuchet MS,sans-serif;display:grid;box-shadow:0 8px 18px #2a1c092e}.user-chip img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.user-menu{border:1px solid var(--line);z-index:5;background:#fffdf8;border-radius:12px;min-width:128px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 28px #21140738}.user-menu .btn{width:100%;padding:9px 12px}.user-menu-item{color:#362617;text-align:left;cursor:pointer;background:#fff8e9;border:1px solid #e6d5bb;border-radius:10px;width:100%;margin-bottom:8px;padding:9px 12px;font:600 .86rem/1 Space Grotesk,Trebuchet MS,sans-serif}.user-menu-item:hover{background:#f8e6c5}.history-page{border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at 90% 8%,#d88f261f,#0000 36%),#fffaf2;border-radius:22px;gap:14px;margin-top:24px;padding:16px;display:grid}.history-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-toolbar h2{text-transform:uppercase;margin:0}.history-actions{gap:8px;display:flex}.history-actions .btn{margin-top:0}.history-filters{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.history-filters label{color:#5c5243;text-transform:uppercase;letter-spacing:.03em;gap:6px;font-size:.84rem;display:grid}.history-filters select,.history-filters input{color:#2f2518;background:#fffdf7;border:1px solid #dfccaf;border-radius:10px;padding:10px;font:500 .9rem/1 Space Grotesk,Trebuchet MS,sans-serif}.search-field{grid-column:span 1}.history-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:12px;min-height:460px;display:grid}.history-list-panel,.history-detail-panel{background:#fffdf7;border:1px solid #e5d4ba;border-radius:14px;padding:12px}.history-detail-panel{gap:10px;display:grid}.history-list-panel,.history-detail-panel{max-height:640px;overflow:auto}.history-detail-panel h3{text-transform:uppercase;margin:0;font-size:1.02rem}.history-summary{color:#665a4a;justify-content:space-between;align-items:center;gap:8px;font-size:.84rem;display:flex}.move-lines{background:#fff8ee;border:1px solid #ecdcc5;border-radius:12px;gap:6px;max-height:260px;padding:10px;display:grid;overflow:auto}.move-line{color:#3f3327;font-family:IBM Plex Mono,Consolas,monospace;font-size:.83rem}.setup-card{border:1px solid var(--line);box-shadow:var(--shadow);background:radial-gradient(circle at 88% 12%,#dcad5426,#0000 35%),linear-gradient(145deg,#fffaf0,#fffef9);border-radius:22px;margin-top:26px;padding:26px;animation:.45s rise}.mode-card{text-align:left}.home-stage{min-height:72vh;box-shadow:var(--shadow);background:radial-gradient(circle at 16% 12%,#d098483d,#0000 34%),radial-gradient(circle at 84% 86%,#6e36282e,#0000 38%),linear-gradient(140deg,#fffcf5bd,#f4ebdccc);border:1px solid #a084563d;border-radius:26px;place-items:center;margin-top:24px;display:grid;position:relative;overflow:hidden}.home-stage:before{content:"";opacity:.24;z-index:0;background-color:#0000;background-image:linear-gradient(90deg,#6a533414 1px,#0000 1px),linear-gradient(#6a533414 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 36%,#0000 100%);mask-image:radial-gradient(circle,#000 36%,#0000 100%)}.home-card{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-color:#916f4273;width:min(560px,100%);margin-top:0;position:relative;box-shadow:0 30px 60px #311e0a38}.mode-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.mode-actions-vertical{grid-template-columns:1fr}.mode-actions-vertical .btn{border-radius:16px;width:100%;min-height:60px;margin-top:0;font-size:1rem}.game-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.universe-card{text-align:left;color:#2b1f14;cursor:pointer;background:linear-gradient(165deg,#fff7e6,#f5e2be);border:1px solid #d8c3a2;border-radius:16px;gap:8px;padding:14px;display:grid}.universe-card strong{font-size:1.3rem}.universe-card span{color:#5f5343;font-size:.86rem}.universe-kicker{text-transform:uppercase;letter-spacing:.06em;color:#7b5632;font-size:.72rem;font-weight:700}.universe-card-sudoku{background:linear-gradient(165deg,#eef8ea,#d5ecce);border-color:#b8d5b1}.universe-card-ttt{background:linear-gradient(165deg,#e8f4fb,#cde6f6);border-color:#a8c9de}.universe-card-connect4{background:linear-gradient(165deg,#fff2d8,#ffd9ad);border-color:#e5b777}.universe-card-othello{background:linear-gradient(165deg,#ebf3e3,#cfe3bc);border-color:#9eb985}.universe-card-minesweeper{background:linear-gradient(165deg,#f0eadf,#d8cbb4);border-color:#b8a78a}.universe-card-2048{color:#fff8ee;background:linear-gradient(165deg,#22283e,#4b335f 58%,#d28b44);border-color:#ffe0be59}.universe-card-2048 span,.universe-card-2048 .universe-kicker{color:#fff4e8d1}.universe-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px #2a1e0a29}.game-2048-page{place-items:center;min-height:calc(100vh - 190px);padding:20px;display:grid;position:relative}.game-2048-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 12%,#f4a04f3d,#0000 30%),radial-gradient(circle at 82% 18%,#7ea98633,#0000 28%),radial-gradient(circle at 50% 100%,#b48b572e,#0000 34%);position:absolute;inset:0}.game-2048-page:after{content:"";pointer-events:none;opacity:.12;background-image:radial-gradient(#ffffff14 .6px,#0000 .6px);background-size:4px 4px;position:absolute;inset:0}.game-2048-shell{color:#332617;background:radial-gradient(circle at 85% 8%,#cb793429,#0000 32%),linear-gradient(160deg,#fffcf6fa,#f6eddef7);border-color:#a0846066;width:min(940px,100%);position:relative;overflow:hidden;box-shadow:0 24px 44px #3a291233}.game-2048-shell:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff61,#0000 42%);position:absolute;inset:0}.game-2048-shell h2,.game-2048-shell p,.game-2048-shell strong{color:inherit}.game-2048-shell .btn-light{color:#43311f;background:#ffffffb8;border-color:#91744c3d}.game-2048-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.game-2048-kicker{text-transform:uppercase;letter-spacing:.08em;color:#7a4822e6;margin:0 0 10px;font:700 .72rem/1 Space Grotesk,Trebuchet MS,sans-serif}.game-2048-hero h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem)}.game-2048-hero p{color:#4f3e2ce6;max-width:56ch;margin:0;line-height:1.6}.game-2048-sample{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.game-2048-sample span,.game-2048-guide,.game-2048-status,.game-2048-stats,.game-2048-board,.game-2048-history-board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-2048-sample span{color:#5c4634;background:linear-gradient(160deg,#f4efe4,#d8c8b4);border-radius:16px;place-items:center;width:64px;height:64px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff8c,0 10px 18px #0c0a1838}.game-2048-guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.game-2048-guide{background:linear-gradient(165deg,#fffaf4db,#f8efdfd1);border:1px solid #ad8d6138;border-radius:16px;gap:6px;padding:14px;display:grid}.game-2048-guide strong{font-size:.94rem}.game-2048-guide span{color:#52402ceb;font-size:.88rem;line-height:1.45}.game-2048-start{margin-top:18px}.game-2048-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.game-2048-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.game-2048-stats div{background:linear-gradient(165deg,#fffbf4eb,#f6ebd8e0);border:1px solid #aa895c33;border-radius:14px;gap:4px;min-width:104px;padding:10px 12px;display:grid}.game-2048-stats span,.game-2048-status span{color:#5f4c37db;font-size:.78rem}.game-2048-status{background:linear-gradient(160deg,#fffbf4e0,#f7eddcd1);border:1px solid #ab8b5e38;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.game-2048-board{background:linear-gradient(160deg,#ceae86f5,#b6956df2);border:1px solid #81603a47;border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(540px,100%);margin:18px auto 0;padding:14px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff57,0 20px 34px #35230e33}.game-2048-board:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff3}.game-2048-cell{aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:18px;place-items:center;font-size:clamp(1rem,2vw,1.6rem);font-weight:800;transition:transform .15s,background .15s,box-shadow .15s;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.game-2048-cell.is-empty{background:#fff7ea75;border:1px solid #95714924}.game-2048-cell.is-new{animation:.18s game2048-pop}.game-2048-cell.tile-2{color:#63574b;background:linear-gradient(160deg,#f3efe6,#ddd4c6)}.game-2048-cell.tile-4{color:#63503d;background:linear-gradient(160deg,#f0e1cb,#ddc2a0)}.game-2048-cell.tile-8{color:#fff7ef;background:linear-gradient(160deg,#f0b37b,#e97d47)}.game-2048-cell.tile-16{color:#fff7ef;background:linear-gradient(160deg,#f39667,#ef5f3f)}.game-2048-cell.tile-32{color:#fff7ef;background:linear-gradient(160deg,#f57d6f,#d94b46)}.game-2048-cell.tile-64{color:#fff7ef;background:linear-gradient(160deg,#f35f51,#b7322f)}.game-2048-cell.tile-128{color:#5c4322;background:linear-gradient(160deg,#f0d36a,#e0ae35);font-size:clamp(.95rem,1.9vw,1.45rem)}.game-2048-cell.tile-256{color:#fff8ea;background:linear-gradient(160deg,#efd45c,#cb8d24);font-size:clamp(.9rem,1.8vw,1.35rem)}.game-2048-cell.tile-512{color:#f5fffb;background:linear-gradient(160deg,#6dd2b3,#2b8d89);font-size:clamp(.88rem,1.7vw,1.3rem)}.game-2048-cell.tile-1024{color:#fff;background:linear-gradient(160deg,#7e75ef,#4f3eb3);font-size:clamp(.84rem,1.6vw,1.22rem)}.game-2048-cell.tile-2048{color:#3f2510;background:linear-gradient(160deg,#fff1b8,#f29d38);font-size:clamp(.8rem,1.5vw,1.15rem);box-shadow:0 0 0 1px #ffe7b433,0 0 30px #f29d382e}.game-2048-cell.tile-high{color:#fff9ef;background:linear-gradient(160deg,#d47f5f,#8b4a3b);font-size:clamp(.8rem,1.5vw,1.1rem)}.game-2048-modal .modal-content{color:#3a2b1b;background:radial-gradient(circle at 86% 10%,#f6a55433,#0000 30%),linear-gradient(#fffaf2,#f5e8d4);border:1px solid #b491613d;border-radius:16px}.game-2048-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#241b1157}.game-2048-modal-subtitle{color:#533f2adb;margin:8px 0 0;font-size:.92rem;line-height:1.45}.game-2048-modal-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.game-2048-modal-stats div{background:linear-gradient(160deg,#fffcf7eb,#f6ebd7e0);border:1px solid #ae8d6138;border-radius:12px;gap:3px;padding:10px;display:grid}.game-2048-modal-stats span{color:#6d553bdb;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem}.game-2048-modal-saved{color:#9de7c6;margin-top:10px;font-size:.86rem}.game-2048-history-wrap{background:radial-gradient(circle at 85% 10%,#e7a2601f,#0000 34%),linear-gradient(160deg,#f2ebdfdb,#e9e1d0db);border:1px solid #8a6f4c3d;border-radius:14px;place-items:center;gap:8px;width:min(340px,100%);padding:10px;display:grid}.game-2048-history-head{text-transform:uppercase;letter-spacing:.05em;color:#5f513f;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:.78rem;display:flex}.game-2048-history-badge{color:#4f4335;background:#ffffff80;border:1px solid #6e5f4b47;border-radius:999px;padding:4px 8px;font-weight:700}.game-2048-history-board{background:linear-gradient(160deg,#c6a57cf5,#ab8a62f0);border:1px solid #8867433d;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(320px,100%);padding:8px;display:grid}.game-2048-history-cell{aspect-ratio:1;color:#201616;border:1px solid #ffffff0f;border-radius:10px;place-items:center;font-size:.82rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff29}.game-2048-history-cell.is-empty{color:#0000;background:#fff7ea8f}@keyframes game2048-pop{0%{transform:scale(.72)}60%{transform:scale(1.08)}to{transform:scale(1)}}.sudoku-page,.tictactoe-page,.connect4-page,.othello-page{gap:14px;display:grid}.othello-settings-card{gap:14px;width:min(700px,100%);display:grid}.othello-settings-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.othello-step-pill{color:#5f4d35;letter-spacing:.04em;text-transform:uppercase;background:#fff5e3;border:1px solid #d8c3a2;border-radius:999px;padding:7px 12px;font:700 .74rem/1 Space Grotesk,Trebuchet MS,sans-serif}.othello-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}.othello-mode-card{color:#302416;text-align:left;cursor:pointer;background:linear-gradient(165deg,#fff7e8,#f2dfba);border:1px solid #d7c2a1;border-radius:16px;gap:8px;padding:16px;transition:transform .16s,box-shadow .16s;display:grid}.othello-mode-card strong{font-size:1.04rem}.othello-mode-card span{color:#655948;font-size:.86rem}.othello-mode-card.is-ai{background:linear-gradient(165deg,#e8f3ed,#d3e8d7);border-color:#a8c9b2}.othello-mode-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px #2a1e0a29}.othello-settings-panel{background:linear-gradient(170deg,#fffbf4f0,#f8efe2e6);border:1px solid #e6d4b7;border-radius:16px;padding:14px}.othello-settings-meta{margin-top:0}.othello-settings-actions{grid-template-columns:1fr 1.2fr}.othello-settings-footer{justify-content:flex-start;display:flex}.othello-board{background:linear-gradient(#2f7f4e,#215f39);border:2px solid #5f6f48;border-radius:12px;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;width:min(560px,100%);padding:8px;display:grid}.othello-cell{aspect-ratio:1;cursor:pointer;background:#10301c57;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.othello-cell.is-valid{box-shadow:inset 0 0 0 2px #ebf8dcdb}.othello-cell.is-last{box-shadow:inset 0 0 0 3px #ffd15ddb}.othello-cell .othello-disc{background:0 0;border-radius:999px;width:76%;height:76%}.othello-cell.is-black .othello-disc{background:radial-gradient(circle at 30% 30%,#68747f,#11181f 66%)}.othello-cell.is-white .othello-disc{background:radial-gradient(circle at 30% 30%,#fff,#cfd8e1 66%)}.connect4-board-shell{gap:10px;width:min(560px,100%);display:grid}.connect4-drop-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.connect4-drop-btn{color:#3a2d1d;cursor:pointer;background:#fff8ea;border:1px solid #e0c89f;border-radius:10px;padding:8px;font:600 .8rem/1 Space Grotesk,Trebuchet MS,sans-serif}.connect4-drop-btn:hover:enabled{background:#ffefce}.connect4-grid{background:linear-gradient(#2e7ab1,#1e5f8f);border:2px solid #8e7757;border-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:10px;display:grid}.connect4-cell{aspect-ratio:1;cursor:pointer;background:#d8edf9;border:0;border-radius:999px;place-items:center;padding:0;transition:transform .14s;display:grid}.connect4-cell:hover:enabled{transform:translateY(-1px)}.connect4-cell .connect4-disc{background:#c6deee;border-radius:999px;width:72%;height:72%;box-shadow:inset 0 2px #fff6}.connect4-cell.is-red .connect4-disc{background:radial-gradient(circle at 32% 30%,#ff958f,#c9362f 64%)}.connect4-cell.is-yellow .connect4-disc{background:radial-gradient(circle at 32% 30%,#fff6ae,#deb338 64%)}.connect4-cell.is-last{box-shadow:0 0 0 3px #ffffffc7}.ttt-grid{border:2px solid #8e7757;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(420px,100%);display:grid;overflow:hidden}.ttt-cell{aspect-ratio:1;color:#2f2518;cursor:pointer;background:#fffdf7;border:1px solid #d9c9af;font:700 2rem/1 Space Grotesk,Trebuchet MS,sans-serif}.ttt-cell:hover:enabled{background:#edf6fd}.ttt-cell.is-ai-last{background:#e6f2fb;box-shadow:inset 0 0 0 3px #1f73b7c7}.ttt-moves{max-height:180px}.ttt-side-actions{flex-wrap:wrap;gap:8px;display:flex}.ttt-side-actions .btn{margin-top:0}.sudoku-header h2{margin:0}.sudoku-header p{margin:6px 0 0}.sudoku-topbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px;display:flex}.sudoku-topbar label{color:#5b513f;text-transform:uppercase;gap:6px;font-size:.8rem;display:grid}.sudoku-topbar select{color:#2f2518;background:#fffdf7;border:1px solid #dfccaf;border-radius:10px;padding:10px;font:500 .9rem/1 Space Grotesk,Trebuchet MS,sans-serif}.sudoku-stats{color:#5e5444;flex-wrap:wrap;gap:12px;font-size:.9rem;display:flex}.sudoku-grid{border:2px solid #8e7757;border-radius:12px;grid-template-columns:repeat(9,minmax(0,1fr));width:min(560px,100%);display:grid;overflow:hidden}.sudoku-cell{aspect-ratio:1;color:#2f2518;cursor:pointer;background:#fffdf7;border:1px solid #d9c9af;font:700 1.05rem/1 Space Grotesk,Trebuchet MS,sans-serif}.sudoku-cell:hover:enabled{background:#fff4dd}.sudoku-cell.is-fixed{color:#2f2518;background:#f1e2c7}.sudoku-cell.is-selected{background:#fff1d3;box-shadow:inset 0 0 0 2px #bb8a2c}.sudoku-cell.is-invalid{color:#8f1d1d;background:#ffe6e6}.sudoku-cell.top-strong{border-top:2px solid #8e7757}.sudoku-cell.left-strong{border-left:2px solid #8e7757}.sudoku-cell.row-divider{border-bottom:2px solid #8e7757}.sudoku-cell.col-divider{border-right:2px solid #8e7757}.sudoku-cell.bottom-strong{border-bottom:2px solid #8e7757}.sudoku-cell.right-strong{border-right:2px solid #8e7757}.sudoku-pad{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.sudoku-pad .btn{margin-top:0}.sudoku-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sudoku-actions .btn{margin-top:0}.chess-floaters{pointer-events:none;z-index:1;position:absolute;inset:0}.piece{opacity:.2;filter:blur(.2px);text-shadow:0 8px 24px #3a291433;font-size:clamp(2rem,4vw,3.4rem);animation:15s ease-in-out infinite drift;position:absolute}.p1{transform:translate(calc(var(--tilt-x,0px) * -.7), calc(var(--tilt-y,0px) * -.7));animation-duration:14s;top:8%;left:7%}.p2{transform:translate(calc(var(--tilt-x,0px) * .8), calc(var(--tilt-y,0px) * -.8));animation-duration:17s;animation-delay:.8s;top:16%;right:10%}.p3{transform:translate(calc(var(--tilt-x,0px) * -.6), calc(var(--tilt-y,0px) * .9));animation-duration:16s;animation-delay:1.2s;bottom:18%;left:14%}.p4{transform:translate(calc(var(--tilt-x,0px) * .6), calc(var(--tilt-y,0px) * .7));animation-duration:13s;animation-delay:.5s;bottom:10%;right:7%}.p5{transform:translate(calc(var(--tilt-x,0px) * -.9), calc(var(--tilt-y,0px) * .35));animation-duration:18s;animation-delay:1.4s;top:44%;left:2%}.p6{transform:translate(calc(var(--tilt-x,0px) * .9), calc(var(--tilt-y,0px) * -.35));animation-duration:15s;animation-delay:1.1s;top:52%;right:2%}.setup-card h2{margin:0;font-size:1.45rem}.setup-card p{color:var(--muted);margin:8px 0 0}.setup-subtitle{letter-spacing:.06em;text-transform:uppercase;color:#5f5445;margin:16px 0 8px;font-size:.92rem}.selection-hint{color:#6a5f51;margin-top:8px;font-size:.85rem}.setup-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.btn{cursor:pointer;border:0;border-radius:14px;padding:13px 16px;font:600 .95rem/1 Space Grotesk,Trebuchet MS,sans-serif;transition:transform .16s,box-shadow .16s,opacity .16s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #140e0529}.btn.is-selected{box-shadow:0 0 0 3px #d88f2673}.btn-light{color:#2e2416;background:#f3dfb8}.btn-dark{color:#fff6e7;background:#2f2518}.difficulty-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.time-control-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.btn-difficulty{color:#342a1d;background:#efe4d0;border:1px solid #d9c7aa}.btn-start{color:#fff;background:linear-gradient(120deg,#5f2a21,#aa7c22);width:100%;margin-top:16px}.btn-reset{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#fff;width:100%;margin-top:14px}.game-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:18px;margin-top:24px;animation:.45s rise;display:grid}.board-wrap{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffbf2e6;border-radius:22px;padding:16px}.board-wrap>div{width:100%;max-width:760px;margin:0 auto}.panel{border:1px solid var(--line);background:radial-gradient(circle at 95% 8%, #d88f2614, transparent 36%), var(--panel);box-shadow:var(--shadow);border-radius:20px;padding:16px}.panel h2{margin:0 0 10px;font-size:1.12rem}.row{border-bottom:1px dashed #e7d9c3;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.row span{color:var(--muted);font-size:.95rem}.row strong{text-align:right;font-size:.95rem}.clock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.clock-box{background:#f8efe0;border:1px solid #e7d6bc;border-radius:12px;gap:4px;padding:10px;display:grid}.clock-box span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.clock-box strong{color:#2f2518;font-family:IBM Plex Mono,Consolas,monospace;font-size:1.14rem}.clock-box.is-active{border-color:#d88f26;box-shadow:0 0 0 2px #d88f263d}.fen-block{gap:8px;margin-top:12px;display:grid}.fen-block span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.fen-block code{color:#31261b;word-break:break-word;background:#f8efe0;border:1px solid #e7d6bc;border-radius:10px;padding:10px;font-family:IBM Plex Mono,Consolas,monospace;font-size:.76rem;line-height:1.35}.error-box{color:var(--error);background:#ffe5e5;border:1px solid #f7b4b4;border-radius:10px;margin-top:12px;padding:10px;font-size:.88rem}.hint-line{color:#544c42;margin-top:14px;font-size:.9rem}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#110c0885;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.auth-backdrop{z-index:34;background:#0b080594}.auth-modal{text-align:center;background:radial-gradient(circle at 50% -30%,#bb8a2c42,#0000 44%),#fff8ec;width:min(480px,100%)}.auth-login-wrap{place-items:center;margin-top:14px;display:grid}.result-modal{background:#fff8ec;border:1px solid #ecdac1;border-radius:20px;width:min(420px,100%);padding:20px;animation:.2s rise;box-shadow:0 24px 60px #110b0559}.history-empty{color:#5a4f3f;margin:10px 0 2px}.history-list{flex-direction:column;gap:10px;display:flex}.history-card{text-align:left;cursor:pointer;background:#fffdf8;border:1px solid #ebd7ba;border-radius:12px;gap:10px;width:100%;padding:12px;display:grid}.history-card.is-active{border-color:#d88f26;box-shadow:0 0 0 2px #d88f263d}.history-card:hover{background:#fff8eb}.history-topline{color:#665a4a;justify-content:space-between;align-items:center;gap:8px;font-size:.82rem;display:flex}.result-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700}.result-win{color:#1f6f24;background:#e8f7e8}.result-loss{color:#8f1d1d;background:#ffe5e5}.result-draw{color:#8a5a16;background:#fff3db}.result-aborted{color:#5e554b;background:#eceae6}.history-meta{color:#554b3d;gap:6px;font-size:.88rem;display:grid}.sudoku-mini-wrap{gap:12px;display:grid}.sudoku-mini-block{gap:8px;display:grid}.sudoku-mini-block>span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.sudoku-mini-board{border:2px solid #8e7757;border-radius:8px;grid-template-columns:repeat(9,minmax(0,1fr));width:min(320px,100%);display:grid;overflow:hidden}.sudoku-mini-cell{aspect-ratio:1;color:#2f2518;background:#fffdf7;border:1px solid #d9c9af;place-items:center;font:600 .78rem/1 Space Grotesk,Trebuchet MS,sans-serif;display:grid}.sudoku-mini-cell.is-given{background:#f1e2c7}.sudoku-mini-cell.top-strong{border-top:2px solid #8e7757}.sudoku-mini-cell.left-strong{border-left:2px solid #8e7757}.sudoku-mini-cell.row-divider{border-bottom:2px solid #8e7757}.sudoku-mini-cell.col-divider{border-right:2px solid #8e7757}.sudoku-mini-cell.bottom-strong{border-bottom:2px solid #8e7757}.sudoku-mini-cell.right-strong{border-right:2px solid #8e7757}.ttt-mini-board{border:2px solid #8e7757;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(220px,100%);display:grid;overflow:hidden}.ttt-mini-cell{aspect-ratio:1;color:#2f2518;background:#fffdf7;border:1px solid #d9c9af;place-items:center;font:700 1.2rem/1 Space Grotesk,Trebuchet MS,sans-serif;display:grid}.connect4-mini-board{background:linear-gradient(#2e7ab1,#1e5f8f);border:2px solid #8e7757;border-radius:8px;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:min(260px,100%);padding:6px;display:grid}.connect4-mini-cell{aspect-ratio:1;background:#d8edf9;border-radius:999px;place-items:center;display:grid}.connect4-mini-disc{background:#c6deee;border-radius:999px;width:72%;height:72%}.connect4-mini-disc.is-red{background:radial-gradient(circle at 32% 30%,#ff958f,#c9362f 64%)}.connect4-mini-disc.is-yellow{background:radial-gradient(circle at 32% 30%,#fff6ae,#deb338 64%)}.othello-mini-board{background:linear-gradient(#2f7f4e,#215f39);border:2px solid #5f6f48;border-radius:8px;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;width:min(280px,100%);padding:6px;display:grid}.othello-mini-cell{aspect-ratio:1;background:#10301c57;border-radius:4px;place-items:center;display:grid}.othello-mini-disc{background:0 0;border-radius:999px;width:74%;height:74%}.othello-mini-disc.is-black{background:radial-gradient(circle at 30% 30%,#68747f,#11181f 66%)}.othello-mini-disc.is-white{background:radial-gradient(circle at 30% 30%,#fff,#cfd8e1 66%)}.minesweeper-page{place-items:center;min-height:calc(100vh - 190px);padding:20px;display:grid;position:relative}.minesweeper-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 15%,#cd9d5638,#0000 30%),radial-gradient(circle at 84% 18%,#4f785633,#0000 32%),radial-gradient(circle at 50% 100%,#322d2624,#0000 38%);position:absolute;inset:0}.minesweeper-board{grid-template-columns:repeat(var(--cols,9), 1fr);contain:layout paint;background:linear-gradient(150deg,#6d5f4aeb,#4d4438eb);border:1px solid #7e6f59;border-radius:14px;gap:4px;width:100%;max-width:760px;margin:18px auto;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff52,0 18px 30px #2a1f0f38}.minesweeper-board .cell{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(155deg,#f4eee1 0%,#e6dac6 100%);border:1px solid #8b7d69;border-radius:8px;place-items:center;width:100%;min-width:0;min-height:0;padding:0;font-size:1rem;font-weight:700;line-height:1;transition:background .14s,box-shadow .14s;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffad,0 2px #6e614c85}.minesweeper-board .cell:hover:not(:disabled){background:linear-gradient(155deg,#fcf6eb 0%,#efe3cf 100%)}.minesweeper-board .cell:focus,.minesweeper-board .cell:focus-visible{outline:none}.minesweeper-board .cell:disabled{cursor:not-allowed;opacity:.92}.minesweeper-board .cell.revealed{color:#2e261c;background:linear-gradient(145deg,#d5ccbf,#c5b9a7);border-color:#9d907d;font-weight:600;box-shadow:inset 0 1px #ffffff61}.minesweeper-board .cell.revealed.mine{color:#fff;background:linear-gradient(145deg,#cf5b4c,#9f2f2f);border-color:#6f1e1e}.minesweeper-board .cell.flagged{color:#5d3e07;background:linear-gradient(145deg,#f5cf64,#ddb048);border-color:#9f7a2a}.minesweeper-board .cell.revealed.adjacent-1{color:#0000f0}.minesweeper-board .cell.revealed.adjacent-2{color:green}.minesweeper-board .cell.revealed.adjacent-3{color:#f00000}.minesweeper-board .cell.revealed.adjacent-4{color:navy}.minesweeper-board .cell.revealed.adjacent-5{color:maroon}.minesweeper-board .cell.revealed.adjacent-6{color:teal}.minesweeper-board .cell.revealed.adjacent-7{color:#000}.minesweeper-board .cell.revealed.adjacent-8{color:gray}.mode-select{text-align:left;padding:10px 4px 4px}.minesweeper-page .setup-card{background:radial-gradient(circle at 88% 8%,#cf9c4e29,#0000 34%),linear-gradient(160deg,#fffbf4fa,#f4ebdcf5);border-color:#79684d80;border-radius:24px;width:min(860px,100%);box-shadow:0 26px 42px #251b0c3d}.minesweeper-page h2{margin-bottom:10px}.how-to-play{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.how-to-play .rule{color:#493b2a;background:linear-gradient(160deg,#fff9ee,#f7eddb);border:1px solid #dfcfb4;border-radius:12px;padding:10px;font-size:.87rem;line-height:1.38}.how-to-play .rule strong{color:#7a3f28;margin-bottom:2px;display:inline-block}.difficulty-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 12px;display:grid}.difficulty-buttons .btn{text-align:left;border-radius:14px;gap:4px;min-height:78px;margin-top:0;display:grid}.difficulty-buttons .btn strong{font-size:1rem}.difficulty-buttons .btn span{color:#6d5d48;font-size:.78rem}.game-info{background:linear-gradient(140deg,#fcf5e7db,#f3e6d1db);border:1px solid #dbc8ab;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 6px;padding:10px 12px;display:grid}.game-info p{margin:0;font-size:.95rem}.error-message{color:var(--error);background:#ff64641a;border-radius:4px;margin:10px 0;padding:10px;font-size:.9rem}.minesweeper-history-board{grid-template-columns:repeat(var(--cols,9), 1fr);background:linear-gradient(155deg,#6d5f4b,#534838);border-radius:6px;gap:2px;max-width:400px;margin:12px 0;padding:6px;display:grid}.minesweeper-history-board .cell{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#ddd2bf,#cabca5);border:1px solid #666;border-radius:2px;place-items:center;font-size:.8rem;font-weight:600;display:grid}.minesweeper-history-board .cell.revealed{color:#1a1916;background:linear-gradient(145deg,#cec3af,#b9aa93);border-color:#888}.minesweeper-history-board .cell.revealed.mine{color:#fff;background:#ff6b6b;border-color:#8b0000}.minesweeper-history-board .cell.flagged{color:#8b4513;background:linear-gradient(145deg,#f3ce69,#d4a73d);border-color:#daa520}@media (width<=900px){.how-to-play,.difficulty-buttons,.game-info{grid-template-columns:1fr}}.minesweeper-history-board .cell.revealed.adjacent-1{color:#0000f0}.minesweeper-history-board .cell.revealed.adjacent-2{color:green}.minesweeper-history-board .cell.revealed.adjacent-3{color:#f00000}.minesweeper-history-board .cell.revealed.adjacent-4{color:navy}.minesweeper-history-board .cell.revealed.adjacent-5{color:maroon}.minesweeper-history-board .cell.revealed.adjacent-6{color:teal}.minesweeper-history-board .cell.revealed.adjacent-7{color:#000}.minesweeper-history-board .cell.revealed.adjacent-8{color:gray}.universe-card-minesweeper{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.universe-card-minesweeper:hover{box-shadow:0 0 30px #667eea66}.result-modal h2{text-transform:uppercase;margin:0;font-size:1.5rem}.result-modal p{color:#534a40;margin:10px 0 0}.modal-actions{gap:10px;margin-top:16px;display:flex}.modal-actions .btn{width:100%;margin-top:0}.corner-orb{filter:blur(1px);background:radial-gradient(circle at 30% 30%,#d88f2673,#d88f2600);border-radius:999px;width:280px;height:280px;position:absolute;top:-80px;right:-90px}.orb-two{background:radial-gradient(circle at 30% 30%,#ad2e2452,#ad2e2400);width:220px;height:220px;top:auto;bottom:-80px;left:-80px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(-14px)translate(8px)rotate(4deg)}to{transform:translateY(0)translate(0)rotate(0)}}@media (width<=960px){.game-grid{grid-template-columns:1fr}.panel{width:100%}}@media (width<=680px){.board-page{padding:20px 14px 18px}.othello-mode-grid,.othello-settings-actions{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.top-right{align-self:flex-end}.mode-actions,.game-universe-grid{grid-template-columns:1fr}.home-stage{border-radius:20px;min-height:64vh}.auth-controls{align-self:flex-end}.setup-actions,.difficulty-actions{grid-template-columns:1fr}.time-control-actions{grid-template-columns:1fr 1fr}.board-wrap{padding:10px}.history-filters{grid-template-columns:1fr 1fr}.sudoku-pad{grid-template-columns:repeat(3,minmax(0,1fr))}.sudoku-actions{grid-template-columns:1fr}.connect4-drop-row{grid-template-columns:repeat(4,minmax(0,1fr))}.history-layout{grid-template-columns:1fr;min-height:0}.topbar p,.hint-line,.row span,.row strong{font-size:.88rem}.game-2048-hero{grid-template-columns:1fr}.game-2048-sample{grid-template-columns:repeat(4,minmax(0,1fr))}.game-2048-sample span{aspect-ratio:1;width:100%;height:auto}.game-2048-guides{grid-template-columns:1fr}.game-2048-toolbar{flex-direction:column}.game-2048-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.game-2048-status{flex-direction:column;align-items:stretch}.game-2048-modal-stats{grid-template-columns:1fr}}