:root{--color-bg-start: hsl(260, 40%, 94%);--color-bg-end: hsl(20, 60%, 95%);--color-primary: hsl(260, 50%, 65%);--color-primary-hover: hsl(260, 50%, 55%);--color-primary-light: hsl(260, 60%, 90%);--color-accent-mint: hsl(150, 45%, 50%);--color-accent-mint-light: hsl(150, 50%, 90%);--color-accent-peach: hsl(18, 75%, 65%);--color-accent-peach-light: hsl(18, 80%, 92%);--color-accent-sky: hsl(200, 65%, 55%);--color-accent-sky-light: hsl(200, 70%, 90%);--color-text-main: hsl(240, 10%, 25%);--color-text-muted: hsl(240, 6%, 50%);--color-white: #ffffff;--glass-bg: rgba(255, 255, 255, .45);--glass-bg-hover: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(142, 126, 177, .15);--glass-shadow-hover: 0 12px 40px 0 rgba(142, 126, 177, .25);--border-radius-sm: 12px;--border-radius-md: 20px;--border-radius-lg: 32px;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,BIZ UDPGothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:var(--color-text-main);background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--glass-shadow);transition:var(--transition-bounce)}.glass-card:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-5px) scale(1.02)}.btn-bounce{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--border-radius-lg);border:none;font-weight:700;cursor:pointer;transition:var(--transition-bounce);text-decoration:none;box-shadow:0 4px 15px #0000000d}.btn-bounce:active{transform:scale(.92)}@keyframes floatBubble{0%{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-20px) rotate(180deg);opacity:.4}to{transform:translateY(0) rotate(360deg);opacity:.2}}.bubble-drift{position:absolute;pointer-events:none;border-radius:50%;background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.4);animation:floatBubble 8s ease-in-out infinite}.portal-container{min-height:100vh;padding:40px 24px;position:relative;overflow:hidden;max-width:1200px;margin:0 auto}.shape-bubble-1{width:300px;height:300px;top:-80px;left:-80px;background:radial-gradient(circle,#e6daff66,#fff0 70%)}.shape-bubble-2{width:400px;height:400px;bottom:-150px;right:-100px;background:radial-gradient(circle,#ffdeda73,#fff0 70%)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;margin-top:32px}.portal-header{padding:32px;border-radius:var(--border-radius-lg);margin-bottom:40px;text-align:center;position:relative;overflow:hidden}.portal-title{font-family:Outfit,sans-serif;font-weight:800;font-size:2.8rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent-sky) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.portal-subtitle{font-size:1.1rem;color:var(--color-text-muted);font-weight:600}.age-slider-container{background:#ffffff73;border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);padding:24px 32px 32px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);max-width:640px;margin:0 auto 36px;position:relative}.age-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}@media (max-width: 520px){.age-slider-header{flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:20px}}.age-slider-badge{display:flex;align-items:center;gap:12px}.age-slider-emoji{font-size:2rem;line-height:1;display:inline-block;animation:floatBubble 5s ease-in-out infinite}.age-slider-title{font-size:1.35rem;font-weight:800;color:var(--color-primary);letter-spacing:.5px}.age-slider-desc{font-size:.9rem;color:var(--color-text-muted);font-weight:700;background:#fff9;padding:4px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.3)}.age-slider-track-wrapper{padding:16px 20px;position:relative}.age-slider-track{height:12px;background:#64508c14;border-radius:20px;position:relative;display:flex;align-items:center}.age-slider-native-input{position:absolute;top:-20px;left:0;width:100%;height:52px;opacity:0;cursor:pointer;z-index:4;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none}.age-slider-native-input::-webkit-slider-runnable-track{background:transparent;border:none}.age-slider-native-input::-moz-range-track{background:transparent;border:none}.age-slider-native-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:52px;border-radius:50%;background:transparent;border:none;cursor:pointer}.age-slider-native-input::-moz-range-thumb{width:52px;height:52px;border-radius:50%;background:transparent;border:none;cursor:pointer}.age-slider-thumb{width:52px;height:52px;border-radius:50%;background:var(--color-white);border:4px solid var(--color-primary);box-shadow:0 6px 18px #64508c47;position:absolute;top:-20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;-webkit-user-select:none;user-select:none;pointer-events:none;transition:left .24s cubic-bezier(.25,.8,.25,1),border-color .3s ease,background-color .3s ease;z-index:3}.age-slider-thumb.active-color--1{border-color:#926ce0;background:#fcf9ff}.age-slider-thumb.active-color-0{border-color:#47d18c;background:#f6fdfa}.age-slider-thumb.active-color-1{border-color:#fac938;background:#fffff4}.age-slider-thumb.active-color-2{border-color:#f68655;background:#fffaf6}.age-slider-thumb.active-color-3{border-color:#47b4eb;background:#f5faff}.age-slider-thumb.active-color-4{border-color:#ef6cad;background:#fffbfe}.age-slider-thumb.active-color-5{border-color:#20dfbf;background:#f4fdfc}.age-slider-thumb.active-color-6{border-color:#b851ec;background:#fcf5ff}.age-slider-ticks{width:100%;display:flex;justify-content:space-between;position:absolute;left:0;top:0;height:100%}.age-slider-tick-btn{background:transparent;border:none;padding:0;margin:0;width:40px;height:100%;position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:2;outline:none}.age-slider-tick-btn:nth-child(1){left:0%}.age-slider-tick-btn:nth-child(2){left:14.285%}.age-slider-tick-btn:nth-child(3){left:28.571%}.age-slider-tick-btn:nth-child(4){left:42.857%}.age-slider-tick-btn:nth-child(5){left:57.142%}.age-slider-tick-btn:nth-child(6){left:71.428%}.age-slider-tick-btn:nth-child(7){left:85.714%}.age-slider-tick-btn:nth-child(8){left:100%}.tick-circle{width:14px;height:14px;border-radius:50%;background:#64508c33;border:3px solid var(--color-white);transition:transform .25s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease;box-shadow:0 2px 4px #0000000a}.age-slider-tick-btn:hover .tick-circle{transform:scale(1.4);background:var(--color-primary)}.age-slider-tick-btn.active .tick-circle{transform:scale(.6);background:transparent;border-color:transparent;box-shadow:none}.tick-text{position:absolute;top:28px;font-size:.85rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap;transition:color .25s ease,transform .25s ease}.age-slider-tick-btn:hover .tick-text{color:var(--color-text-main);transform:translateY(2px)}.age-slider-tick-btn.active .tick-text{color:var(--color-primary);font-weight:800;transform:translateY(2px) scale(1.08)}@media (max-width: 480px){.age-slider-container{padding:16px 20px 24px}.tick-text{font-size:0px}.age-slider-tick-btn:nth-child(1) .tick-text:before{content:"全"}.age-slider-tick-btn:nth-child(2) .tick-text:before{content:"0"}.age-slider-tick-btn:nth-child(3) .tick-text:before{content:"1"}.age-slider-tick-btn:nth-child(4) .tick-text:before{content:"2"}.age-slider-tick-btn:nth-child(5) .tick-text:before{content:"3"}.age-slider-tick-btn:nth-child(6) .tick-text:before{content:"4"}.age-slider-tick-btn:nth-child(7) .tick-text:before{content:"5"}.age-slider-tick-btn:nth-child(8) .tick-text:before{content:"6+"}.tick-text:before{font-size:.75rem;font-weight:800}}.user-badge{position:absolute;top:20px;right:24px;display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:50px;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:10}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-white)}.user-name{font-size:.9rem;font-weight:700;color:var(--color-text-main)}