.home-container{padding-bottom:40px;background:linear-gradient(180deg,var(--ion-background-color) 0%,rgba(56,128,255,.03) 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.hero-section{background:linear-gradient(135deg,#3880ff,#3dc9f8);padding:60px 20px 50px;text-align:center;margin-bottom:40px;border-radius:0 0 30px 30px;box-shadow:0 10px 40px rgba(56,128,255,.2);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="rgba(255,255,255,0.1)" fill-rule="evenodd"><circle cx="30" cy="30" r="2"/></g></svg>');pointer-events:none}.logo-container{margin-bottom:20px;position:relative;z-index:1}.ggj-logo{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-title{font-size:42px;font-weight:800;color:#fff;margin:20px 0 12px;text-shadow:0 4px 12px rgba(0,0,0,.25);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;letter-spacing:-.5px;position:relative;z-index:1}.app-subtitle{font-size:18px;color:#f0f0f0;margin:12px 0 20px;font-weight:500;text-shadow:0 2px 8px rgba(0,0,0,.2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;position:relative;z-index:1}.jam-badge{font-size:13px;padding:10px 20px;border-radius:25px;background-color:rgba(255,255,255,.98);color:#1a5490;font-weight:700;display:inline-block;position:relative;z-index:1;letter-spacing:.5px}.info-card{margin:20px auto;max-width:600px;border-radius:16px;box-shadow:var(--glass-shadow);transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--glass-background);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));overflow:hidden}.info-card:hover{box-shadow:var(--glass-shadow-hover);background:var(--glass-background-hover);backdrop-filter:blur(var(--glass-blur-strong));transform:translateY(-8px)}.game-card{background-image:url(/gamebg.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(56,128,255,.15);backdrop-filter:blur(2px)}.info-card ion-card-header{position:relative;z-index:1}.info-card ion-card-content{position:relative;z-index:1}.info-card ion-card-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#3880ff;letter-spacing:-.3px}.info-card ion-card-title ion-icon{font-size:28px;color:#3880ff}.info-card p{margin:14px 0;line-height:1.7;color:var(--ion-text-color);font-size:15px}.button-row{gap:14px;margin-top:20px}.button-col{display:flex;flex-direction:column}.info-card ion-button{border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;font-size:14px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);background:none!important;backdrop-filter:none!important;border:none!important}.info-card ion-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(56,128,255,.3);backdrop-filter:none!important}.link-button{margin-top:12px;margin-bottom:12px;border-radius:10px;font-weight:700;letter-spacing:.5px;backdrop-filter:none!important}.credit-item{padding:18px 20px;background:linear-gradient(135deg,rgba(56,128,255,.08),rgba(61,201,248,.06));border-radius:12px;border:1px solid rgba(56,128,255,.15);transition:all .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(4px);position:relative;overflow:hidden;text-align:center}.credit-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3880ff,#3dc9f8);opacity:.8}.credit-item:hover{background:linear-gradient(135deg,rgba(56,128,255,.15),rgba(61,201,248,.1));border-color:rgba(56,128,255,.3);transform:translateY(-2px);box-shadow:0 8px 20px rgba(56,128,255,.15)}.credit-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-bottom:8px}.credit-name{font-weight:600;font-size:14px;color:#1a1a1d;letter-spacing:0px;margin:0;padding:6px 18px;background:rgba(255,255,255,.6);border-radius:20px;border:1px solid rgba(56,128,255,.2);transition:all .3s ease;display:inline-block}.credit-name:hover{background:rgba(56,128,255,.1);border-color:rgba(56,128,255,.4);transform:translateY(-1px);box-shadow:0 4px 12px rgba(56,128,255,.2)}.footer-section{text-align:center;padding:40px 20px;margin-top:40px;border-top:2px solid var(--ion-border-color);background:linear-gradient(180deg,transparent 0%,rgba(56,128,255,.03) 100%)}.footer-text{color:var(--ion-color-medium, #999);font-size:15px;margin:0;font-weight:600;letter-spacing:.3px}@media (prefers-color-scheme: dark){.info-card{background-color:#1c1c1f;border-color:#2d2d30}.credit-item{background:linear-gradient(135deg,rgba(95,156,255,.12),rgba(61,201,248,.08));border-color:rgba(95,156,255,.25)}.credit-item:hover{background:linear-gradient(135deg,rgba(95,156,255,.2),rgba(61,201,248,.15));border-color:rgba(95,156,255,.4);box-shadow:0 8px 20px rgba(95,156,255,.2)}.credit-name{color:#e8e8e8;background:rgba(255,255,255,.1);border-color:rgba(95,156,255,.3)}.credit-name:hover{background:rgba(95,156,255,.15);border-color:rgba(95,156,255,.5);box-shadow:0 4px 12px rgba(95,156,255,.25)}.credit-role{color:#a0a2ab}.credit-note{color:#a0a2ab;background:linear-gradient(135deg,rgba(95,156,255,.1),rgba(61,201,248,.06));border-color:rgba(95,156,255,.15)}.info-card ion-card-title{color:#5f9cff}.info-card ion-card-title ion-icon{color:#5f9cff}.info-card p{color:#e8e8e8}}@media (max-width: 576px){.hero-section{padding:40px 15px 35px;margin-bottom:30px}.app-title{font-size:32px}.app-subtitle{font-size:16px}.ggj-logo{width:85px;height:85px}.info-card{margin:16px 12px;border-radius:14px}.info-card ion-card-title{font-size:18px}}@media (min-width: 768px){.home-container{max-width:700px;margin:0 auto}.hero-section{margin-bottom:50px;border-radius:0 0 32px 32px;padding:70px 40px 60px}.app-title{font-size:48px}.app-subtitle{font-size:20px}.info-card{margin:25px auto}.info-card:hover{transform:translateY(-12px)}}@media (min-width: 1024px){.home-container{max-width:750px}.hero-section{border-radius:0 0 36px 36px}}.ion-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.ion-content{--background: transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.glass-card{background:rgba(255,255,255,.12);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.25);border-radius:20px;box-shadow:0 8px 32px rgba(31,38,135,.37);padding:20px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.glass-card h1,.glass-card h2,.glass-card h3,.glass-card h4,.glass-card h5,.glass-card h6{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:600}.glass-card p{color:#f5f5f5;text-shadow:0 1px 2px rgba(0,0,0,.4);line-height:1.4}.glass-button{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:15px;color:#fff;font-weight:700;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.glass-button:hover{background:rgba(255,255,255,.18);transform:translateY(-2px);box-shadow:0 4px 20px rgba(255,255,255,.15)}@media (prefers-color-scheme: light){.ion-page{background:linear-gradient(135deg,#e8eef5,#f0f5fb,#e8f2f9);color:#000}.glass-card{background:rgba(255,255,255,.85);border:2px solid rgba(56,128,255,.25);box-shadow:0 8px 32px rgba(31,38,135,.1)}.glass-card h1,.glass-card h2,.glass-card h3,.glass-card h4,.glass-card h5,.glass-card h6,.glass-card p{color:#000;text-shadow:none}.glass-button{background:rgba(56,128,255,.1);border:2px solid rgba(56,128,255,.4);color:#000}.glass-button:hover{background:rgba(56,128,255,.2);border-color:rgba(56,128,255,.6);box-shadow:0 4px 20px rgba(56,128,255,.25)}}.fps-counter{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 18px;font-family:Courier New,monospace;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 4px rgba(255,255,255,.3);z-index:1000;pointer-events:none;box-shadow:0 8px 32px rgba(31,38,135,.37)}.game-page-background{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1}ion-page{--background: transparent}ion-content{--background: transparent}@keyframes glow{0%,to{boxShadow:0 0 8px #2196F3,0 0 16px rgba(33,150,243,.6),inset -2px -2px 4px rgba(0,0,0,.3),inset 2px 2px 4px rgba(255,255,255,.4)}50%{boxShadow:0 0 12px #2196F3,0 0 24px rgba(33,150,243,.8),inset -2px -2px 4px rgba(0,0,0,.3),inset 2px 2px 4px rgba(255,255,255,.5)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes maskGlow{0%,to{filter:drop-shadow(0 0 8px #9C27B0) brightness(1.2)}50%{filter:drop-shadow(0 0 15px #9C27B0) brightness(1.4)}}@keyframes maskDestroy{0%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 15px #9C27B0) brightness(1.4)}50%{opacity:.7;transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 20px #FF6B00) brightness(1.6)}to{opacity:0;transform:scale(.5) rotate(360deg);filter:drop-shadow(0 0 5px rgba(255,107,0,.5)) brightness(0)}}.menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.side-menu{position:fixed;top:0;left:0;height:100vh;width:250px;background:var(--ion-background-color);border-right:1px solid var(--glass-border);z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 10px rgba(0,0,0,.1)}.side-menu.open{transform:translate(0)}.menu-header{padding:20px;border-bottom:1px solid var(--glass-border)}.menu-header h2{margin:0;font-size:1.5rem;color:var(--ion-text-color)}.menu-nav{display:flex;flex-direction:column;padding:10px 0}.menu-item{padding:15px 20px;color:var(--ion-text-color);text-decoration:none;border-left:4px solid transparent;transition:all .2s ease-in-out;cursor:pointer}.menu-item:hover{background:var(--glass-background);border-left-color:var(--ion-color-primary)}.menu-item.active{background:var(--glass-background);border-left-color:var(--ion-color-primary);color:var(--ion-color-primary);font-weight:600}.menu-label{font-size:1rem}:root{--ion-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--ion-color-primary: #3880ff;--ion-color-primary-rgb: 56, 128, 255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3171e0;--ion-color-primary-tint: #4c8dff;--ion-color-secondary: #5260ff;--ion-color-secondary-rgb: 82, 96, 255;--ion-color-success: #2dd36f;--ion-color-warning: #ffc409;--ion-color-danger: #eb445a;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-background-color: #ffffff;--ion-background-color-rgb: 255, 255, 255;--ion-text-color: #000000;--ion-text-color-rgb: 0, 0, 0;--ion-border-color: #e0e0e0;--hover-background: rgba(0, 0, 0, .04);--active-background: rgba(56, 128, 255, .12);--glass-background: rgba(150, 150, 150, .5);--glass-background-hover: rgba(150, 150, 150, .8);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--glass-shadow-hover: 0 12px 40px 0 rgba(31, 38, 135, .25);--glass-blur: 12px;--glass-blur-strong: 20px}.dark{--ion-color-primary: #5f9cff;--ion-color-primary-rgb: 95, 156, 255;--ion-color-primary-contrast: #000000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #5489e0;--ion-color-primary-tint: #6fa6ff;--ion-color-secondary: #6d7aff;--ion-color-secondary-rgb: 109, 122, 255;--ion-color-success: #2fdf75;--ion-color-warning: #ffd534;--ion-color-danger: #ff4961;--ion-color-medium: #a0a2ab;--ion-color-medium-rgb: 160, 162, 171;--ion-color-light: #2a2a2e;--ion-color-light-rgb: 42, 42, 46;--ion-background-color: #1a1a1d;--ion-background-color-rgb: 26, 26, 29;--ion-text-color: #e8e8e8;--ion-text-color-rgb: 232, 232, 232;--ion-border-color: #2d2d30;--hover-background: rgba(255, 255, 255, .05);--active-background: rgba(95, 156, 255, .15);--glass-background: rgba(26, 26, 29, .6);--glass-background-hover: rgba(26, 26, 29, .75);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--glass-shadow-hover: 0 12px 40px 0 rgba(0, 0, 0, .6);--glass-blur: 12px;--glass-blur-strong: 20px}.ion-page{background:var(--ion-background-color);color:var(--ion-text-color);font-family:var(--ion-font-family)}.ion-content{--background: transparent;font-family:var(--ion-font-family)}.glass-card{background:var(--glass-background);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);padding:20px;color:var(--ion-text-color);transition:all .3s ease;font-family:var(--ion-font-family)}.glass-card:hover{background:var(--glass-background-hover);box-shadow:var(--glass-shadow-hover)}.glass-button{background:var(--glass-background);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:15px;color:var(--ion-text-color);font-weight:700;transition:all .3s ease;font-family:var(--ion-font-family)}.glass-button:hover{background:var(--glass-background-hover);transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)}