@font-face{font-family:Outfit;src:url(/arcade/fonts/outfit.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{font-family:Outfit,Malgun Gothic,sans-serif;color:#eaf7ef;background:#071c20;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{border:1px solid #c8eee222;border-radius:13px;padding:12px 16px;background:#c8eee20b;color:inherit;cursor:pointer;min-height:46px;transition:transform .2s,background .2s,border-color .2s}button:hover{background:#c8eee21a;border-color:#c8eee266;transform:translateY(-2px)}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:default;transform:none}button:focus-visible,a:focus-visible,select:focus-visible,.canvas-field:focus-visible{outline:3px solid #b9f3b8;outline-offset:3px}a{color:#b7e9d2;text-decoration:none}select{padding:12px;border:1px solid #b4dcd440;border-radius:10px;color:#ebfff5;background:#143237;min-height:46px}progress{height:7px;border:none;border-radius:20px;overflow:hidden;accent-color:#ace4b1;background:#173c3c}progress::-webkit-progress-bar{background:#173c3c}progress::-webkit-progress-value{background:linear-gradient(90deg,#7ea791,#c0eda5);border-radius:20px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:#96b9ae}.muted{color:#82a79c;font-size:12px;line-height:1.7}.notice{color:#ffe1b7;background:#ffe1b710;border:1px solid #ffe1b733;border-radius:12px;padding:11px;font-size:12px;line-height:1.6}.arcade-home{max-width:1180px;margin:auto;padding:30px 40px 18px;background:radial-gradient(ellipse at 80% 0,#34584944,transparent 60%)}.portal-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.portal-head>a{font-size:24px;font-weight:800;color:#f0fff3}.portal-head>a span{font-size:9px;letter-spacing:.15em;display:block;color:#9fbead}.account{font-size:12px;color:#adc6b7}.portal-nav{display:flex;gap:8px;margin-top:30px;border-bottom:1px solid #ceeadd18;padding-bottom:16px;flex-wrap:wrap}.portal-nav button{border:none;color:#a3bdb0}.portal-nav .active{background:#c7e9b9;color:#19382f}.lobby-title{padding:48px 0 35px}.lobby-title h1{font-size:clamp(38px,6vw,68px);line-height:1.08;letter-spacing:-.05em;margin:18px 0}.lobby-title em{font-style:normal;color:#b8e6b2}.lobby-title p{color:#a8c3b4;font-size:14px;line-height:1.8}.new-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.arcade-card{position:relative;overflow:hidden;text-align:left;padding:23px;border-radius:23px;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 65%),#0f2a2d;min-height:345px;isolation:isolate}.arcade-card:hover{transform:perspective(800px) translateY(-7px) rotateX(3deg);box-shadow:0 20px 45px #0005;border-color:var(--accent)}.card-number{color:#aac2b8;font-size:10px;letter-spacing:.12em}.card-orbit{height:138px;display:grid;place-items:center;position:relative;perspective:500px}.card-orbit>span{font-size:75px;color:var(--accent);text-shadow:5px 8px #03151980,0 0 38px color-mix(in srgb,var(--accent) 22%,transparent);animation:float 4s ease-in-out infinite}.card-orbit i{position:absolute;width:120px;height:75px;border:1px solid color-mix(in srgb,var(--accent) 23%,transparent);border-radius:50%;transform:rotate(-25deg)}.card-orbit i:last-child{width:160px;height:95px;transform:rotate(25deg)}.arcade-card small{font-size:8px;letter-spacing:.1em;color:var(--accent)}.arcade-card h2{margin:9px 0;font-size:26px}.arcade-card p{color:#a9c2b6;font-size:12px;min-height:36px;line-height:1.6}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#90afa2;font-size:10px;border-top:1px solid #cbeedb18;padding-top:15px;margin-top:16px}.card-bottom b{color:var(--accent);font-size:12px}.panel{padding:45px 0;min-height:480px}.panel h1{font-size:36px;letter-spacing:-.035em}.panel>p{line-height:1.8;color:#abc4b8}.mission-row,.rank-row{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #c5e7d31c}.mission-row b{flex:1}.mission-row progress{width:120px}.mission-row>span{font-size:13px}.rank-row>b{width:55px;color:#bceab4}.rank-row>span{flex:1}.rank-row>strong{font-size:21px}.filters{display:flex;gap:10px;margin-bottom:20px}.earth-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0}.earth-stats>div{padding:28px 16px;background:#c8eed20a;border:1px solid #c8eed218;border-radius:20px}.earth-stats strong{display:block;font-size:36px;color:#c3e8b4}.earth-stats span{font-size:12px;color:#acc4b3}footer{font-size:10px;color:#769389;text-align:center;margin-top:38px;padding:20px;line-height:1.8}.game-shell{max-width:1000px;margin:auto;padding:20px 24px 16px;--accent:#b8e6b2}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.game-header h1{font-size:26px;margin:5px 0 0;letter-spacing:-.035em}.head-actions{display:flex;gap:6px}.head-actions button{padding:0;width:44px;min-height:44px;border-radius:50%;font-size:17px}.game-layout{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,480px);justify-content:center;gap:30px}.game-sidebar{padding-top:20px}.game-sidebar h2{font-size:25px;line-height:1.45;letter-spacing:-.04em}.game-sidebar>p{font-size:12px;line-height:1.85;color:#9fbdb1}.side-stat{margin-top:30px;padding-top:22px;border-top:1px solid #c8eeda25}.side-stat span{font-size:10px;letter-spacing:.15em;color:#88ab9e}.side-stat strong{font-size:38px;font-weight:600;display:block;color:var(--accent);margin-top:6px}.daily-box{background:#a9e3b109;border:1px solid #b7e5c822;border-radius:16px;padding:18px;margin:25px 0}.daily-box b{font-size:13px}.daily-box p{font-size:12px;color:#aac4b3}.daily-box progress{width:100%}.daily-box small{font-size:10px;display:block;color:#8fac9e;margin-top:8px}.play-column{min-width:0}.hud{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 4px}.hud small{display:block;font-size:8px;letter-spacing:.14em;color:#8cae9f}.hud strong{display:block;font-size:22px;margin-top:4px;font-weight:600}.hud>div:nth-child(3) strong{color:#e5c6a5;font-size:16px}.hud button{font-size:18px;width:44px;padding:4px;min-height:42px}.canvas-field{position:relative;border:1px solid #b8e3d035;border-radius:22px;overflow:hidden;background:#123538;box-shadow:0 18px 70px #0004;aspect-ratio:3/4;max-height:640px;margin:0 auto;width:100%;outline:none}.canvas-field canvas{display:block;width:100%;height:100%;touch-action:none}.game-overlay{position:absolute;inset:0;background:linear-gradient(150deg,#0a282de8,#071b23ed);backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;gap:12px;overflow:auto}.game-overlay h2{font-size:27px;line-height:1.4;margin:5px 0 10px;letter-spacing:-.04em}.game-overlay p{font-size:11px;color:#abc7ba;line-height:1.8;max-width:310px;margin:0}.game-overlay .primary{background:linear-gradient(120deg,#d7efbb,#9fccc0);color:#163a30;font-weight:800;min-width:170px;padding:16px 24px;border:none;box-shadow:0 6px 30px #b3d9b016}.intro-symbol{font-size:62px;color:var(--accent);text-shadow:0 0 60px #b3eac533;animation:float 4s ease-in-out infinite}.intro-best{font-size:9px;letter-spacing:.15em;color:#92ada1;margin:5px 0 12px}.intro-best b{display:block;font-size:26px;margin-top:6px;color:#e4f4e8;letter-spacing:0}.game-overlay .eyebrow{font-size:8px;color:var(--accent)}.result-score{font-size:58px;letter-spacing:-.05em;font-weight:600}.result-ep{color:var(--accent);font-size:21px;font-weight:700;padding:10px}.result-links{display:flex;gap:10px}.result-links button{font-size:12px}.settings label{display:flex;justify-content:space-between;align-items:center;width:220px;background:#a8d7bd10;padding:12px 16px;border-radius:10px;font-size:14px}.settings input{width:22px;height:22px;accent-color:#a7dbb4}.mobile-controls{display:flex;gap:7px;margin-top:10px}.mobile-controls button{flex:1;min-width:0;padding:10px 5px;font-size:12px;font-weight:700;min-height:48px;background:#c1e6cc0b}.play-status{display:flex;justify-content:space-between;padding:12px 4px;font-size:10px;letter-spacing:.06em;color:#a2c0aa}.play-status>span:first-child{color:var(--accent)}.ocean-mission{font-size:10px;line-height:1.9;color:#9fc8c4;border-top:1px solid #a9d4d422;padding:10px 0}.ocean-mission progress{width:100%;display:block;margin:4px 0}@keyframes float{50%{transform:translateY(-8px) rotate(-3deg)}}@media(max-width:700px){.arcade-home{padding:20px}.new-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arcade-card{padding:17px;min-height:320px}.arcade-card h2{font-size:22px}.card-orbit{height:110px}.card-orbit>span{font-size:60px}.account{font-size:10px}.game-shell{padding:12px}.game-header{margin-bottom:7px}.game-header h1{font-size:21px}.game-header .eyebrow{font-size:8px}.head-actions button{width:40px;min-height:40px}.game-layout{display:block}.game-sidebar{display:none}.play-column{max-width:480px;margin:auto}.canvas-field{width:auto;height:min(60dvh,600px);max-width:100%;max-height:none;aspect-ratio:3/4}.hud{max-width:450px;margin:auto;padding:9px 4px}.hud strong{font-size:21px}.mobile-controls{max-width:450px;margin:8px auto 0}.play-status{max-width:450px;margin:auto}.game-overlay{gap:8px;padding:16px}.game-overlay h2{font-size:23px}.game-overlay .primary{padding:12px 22px}.intro-symbol{font-size:43px}.intro-best{margin:0 0 3px}.game-overlay p{font-size:10px}.game-overlay .eyebrow{font-size:7px}.result-score{font-size:45px}.result-ep{font-size:17px}.game-overlay select{font-size:11px;padding:9px;min-height:40px}.mission-row{gap:9px;flex-wrap:wrap}.mission-row b{font-size:14px}.mission-row progress{width:80px}.earth-stats{gap:8px}.earth-stats>div{padding:20px 10px}.earth-stats strong{font-size:24px}.panel h1{font-size:30px}.filters select{min-width:0;max-width:65%}.ocean-mission{max-width:450px;margin:auto}}@media(max-width:400px){.new-grid{grid-template-columns:1fr}.game-overlay h2{font-size:20px}.game-overlay p{font-size:9px}.intro-symbol{font-size:32px}.game-overlay{padding:12px;gap:7px}.game-overlay .primary{min-height:44px;padding:10px 20px}.intro-best b{font-size:21px}.canvas-field{height:min(58dvh,500px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.arcade-card:hover{transform:none}}.game-preview{height:175px;margin:16px -8px 20px;border:1px solid #a2dac426;border-radius:16px;overflow:hidden;position:relative;background:#0c292b;box-shadow:0 12px 26px #0003}.game-preview canvas{width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:transform .5s;display:block}.arcade-card:hover .game-preview canvas{transform:scale(1.07)}.game-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#041a2799)}.game-preview>span{position:absolute;bottom:10px;left:12px;z-index:1;font-size:8px;color:#d8efe1;letter-spacing:.06em}.arcade-card{min-height:390px}.recovery-notice{display:flex;align-items:center;gap:14px;padding:14px 18px;margin-top:16px;background:#b6e7cc0b;border:1px solid #b6e7cc33;border-radius:14px;font-size:12px;line-height:1.8}.recovery-notice span{flex:1}.recovery-notice button{font-size:11px}.reward-details{width:min(100%,300px);border:1px solid #c1e0b829;border-radius:12px;background:#a3d1ad09;padding:10px 13px;font-size:10px;text-align:left;max-height:150px;overflow:auto}.reward-details summary{cursor:pointer;min-height:24px;line-height:2;color:#c7e6b8}.reward-details dl{display:grid;grid-template-columns:1fr auto;gap:7px;margin:10px 0;color:#bdd0c2}.reward-details dd{margin:0;color:#e5f2d9}.game-overlay.result{justify-content:safe center}.hud button:focus-visible{outline-color:var(--accent)}@media(max-width:700px){.game-preview{height:145px}.arcade-card{min-height:350px}.recovery-notice{flex-direction:column;align-items:stretch}.reward-details{font-size:9px;max-height:110px;padding:6px 10px}.result .result-ep{padding:5px}.result .result-score{font-size:39px}.result h2{font-size:21px;margin:0}}@media(prefers-reduced-motion:reduce){.game-preview canvas{transition:none}.arcade-card:hover .game-preview canvas{transform:none}}