.funsite-hero{padding:72px 0 54px;background:radial-gradient(circle at 10% 20%,#dbeafe 0,transparent 32%),radial-gradient(circle at 88% 12%,#ede9fe 0,transparent 28%),linear-gradient(180deg,#f8fbff,#fff)}
.funsite-hero-inner{display:grid;grid-template-columns:1fr;gap:30px}.funsite-hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;margin:18px 0 16px}.funsite-hero p{font-size:1.1rem;color:#64748b;max-width:760px}.funsite-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.funsite-stats span{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:9px 14px;color:#475569}.funsite-stats strong{color:#312e81}.funsite-section{padding:54px 0 80px}.funsite-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.funsite-toolbar h2{margin:0 0 6px;font-size:2rem}.funsite-toolbar p{margin:0;color:#64748b}.funsite-toolbar input{width:min(360px,100%);padding:13px 15px;border:1px solid #dbe3ef;border-radius:13px;font:inherit}.funsite-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.funsite-filters button,.funsite-back{border:1px solid #dbe3ef;background:#fff;padding:9px 13px;border-radius:999px;font-weight:700;cursor:pointer}.funsite-filters button.is-active{background:#4f46e5;color:#fff;border-color:#4f46e5}.funsite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fun-game-card{text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:20px;cursor:pointer;box-shadow:0 8px 28px rgba(15,23,42,.045);transition:.18s}.fun-game-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.09)}.fun-game-icon{font-size:34px;display:block}.fun-game-card strong{display:block;font-size:1.08rem;margin:10px 0 6px}.fun-game-card small{display:block;color:#64748b;line-height:1.45;min-height:42px}.fun-play{display:inline-block;margin-top:14px;color:#4f46e5;font-weight:800}.funsite-game-stage{border:1px solid #e2e8f0;border-radius:24px;padding:24px;background:#fff;box-shadow:0 12px 38px rgba(15,23,42,.05)}.funsite-stage-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.funsite-stage-head h2{margin:0}.game-panel{max-width:760px;margin:auto}.game-status{padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;margin:12px 0;font-weight:700}.game-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.game-btn{border:0;border-radius:11px;padding:11px 15px;background:#4f46e5;color:#fff;font-weight:800;cursor:pointer}.game-btn.secondary{background:#eef2ff;color:#3730a3}.ttt-board{display:grid;grid-template-columns:repeat(3,100px);gap:8px;justify-content:center;margin:20px 0}.ttt-cell{width:100px;height:100px;border:1px solid #cbd5e1;background:#f8fafc;border-radius:16px;font-size:2.5rem;font-weight:900;cursor:pointer}.memory-board{display:grid;grid-template-columns:repeat(4,82px);gap:10px;justify-content:center;margin:20px 0}.memory-card{width:82px;height:82px;border:0;border-radius:14px;background:#4338ca;color:#fff;font-size:1.8rem;cursor:pointer}.memory-card.revealed,.memory-card.matched{background:#eef2ff;color:#111827}.rps-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.rps-buttons button{font-size:2rem;padding:18px;border:1px solid #dbe3ef;background:#fff;border-radius:16px;cursor:pointer}.game-input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.hang-word{font-size:2rem;letter-spacing:.22em;text-align:center;margin:18px 0}.letter-grid{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.letter-grid button{width:38px;height:38px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;font-weight:800;cursor:pointer}.quiz-options{display:grid;gap:9px;margin-top:14px}.quiz-options button{text-align:left;padding:12px 14px;border:1px solid #dbe3ef;border-radius:11px;background:#fff;cursor:pointer}.reaction-box{height:220px;border-radius:20px;background:#e2e8f0;display:grid;place-items:center;font-size:1.5rem;font-weight:900;cursor:pointer;user-select:none}.connect-board{display:grid;grid-template-columns:repeat(7,52px);gap:6px;justify-content:center;background:#1d4ed8;padding:10px;border-radius:16px}.connect-cell{width:52px;height:52px;border-radius:50%;border:0;background:#e2e8f0;cursor:pointer}.connect-cell.p1{background:#ef4444}.connect-cell.p2{background:#facc15}.dice-face{font-size:5rem;text-align:center}.wheel-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.wheel{width:250px;height:250px;border-radius:50%;margin:auto;background:conic-gradient(#4f46e5 0 60deg,#0ea5e9 60deg 120deg,#22c55e 120deg 180deg,#f59e0b 180deg 240deg,#ef4444 240deg 300deg,#8b5cf6 300deg 360deg);display:grid;place-items:center;color:#fff;font-weight:900;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.snake-wrap{display:flex;justify-content:center}.snake-canvas{border:1px solid #cbd5e1;border-radius:14px;background:#0f172a;max-width:100%;height:auto}.snake-controls{display:grid;grid-template-columns:repeat(3,48px);gap:6px;justify-content:center;margin-top:12px}.snake-controls button{height:44px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;font-size:1.2rem}.snake-controls .up{grid-column:2}.snake-controls .left{grid-column:1}.snake-controls .down{grid-column:2}.snake-controls .right{grid-column:3}
@media(max-width:900px){.funsite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-wrap{grid-template-columns:1fr}.funsite-toolbar{align-items:stretch;flex-direction:column}.funsite-toolbar input{width:100%}}
@media(max-width:560px){.funsite-grid{grid-template-columns:1fr}.ttt-board{grid-template-columns:repeat(3,78px)}.ttt-cell{width:78px;height:78px}.memory-board{grid-template-columns:repeat(4,64px)}.memory-card{width:64px;height:64px}.connect-board{grid-template-columns:repeat(7,38px);gap:4px}.connect-cell{width:38px;height:38px}.funsite-game-stage{padding:16px}}
.arcade-canvas-wrap{display:flex;justify-content:center;margin:14px 0}.arcade-canvas{width:min(100%,640px);height:auto;border:1px solid #cbd5e1;border-radius:16px;background:#0f172a;touch-action:none}.arcade-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.arcade-controls button{min-width:52px;height:46px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;font-weight:900;cursor:pointer}.arcade-help{font-size:.92rem;color:#64748b;text-align:center;margin-top:8px}.arcade-score{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.arcade-score span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:7px 11px;font-weight:800}.falling-controls{display:grid;grid-template-columns:repeat(3,52px);gap:6px;justify-content:center}.falling-controls .rot{grid-column:2}.falling-controls .left{grid-column:1}.falling-controls .down{grid-column:2}.falling-controls .right{grid-column:3}