*{box-sizing:border-box}html,body{height:100%;margin:0;background:#101318;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.root{height:100%;display:grid;place-items:center}.fixedStage{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none}.frame1080{position:relative;width:1080px;height:1080px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 60px #0000008c}@media(max-width:1100px),(max-height:1100px){.frame1080{width:min(92vw,92vh);height:min(92vw,92vh)}}.scene{--duration: 2.6s;--startScale: .5;--endScale: 3;--horizon: 52%;--dropY: 3%;--originY: 20%;--overlayOpacity: 0;--ink: #111;--wall: #e9e9e9;--floor: #000;--frame: #c79a00;--seam: #c79a00;--door: #0f6070;--handle: #d66e2a;--labelBg: #fff;--labelInk: #111;position:absolute;inset:-12%;transform:scale(var(--startScale, .1));transform-origin:50% var(--originY);will-change:transform;background:linear-gradient(180deg,var(--wall) 0%,var(--wall) var(--horizon),var(--floor) var(--horizon),var(--floor) 100%)}.scene:before{content:"";position:absolute;left:0;right:0;top:var(--horizon);height:4px;transform:translateY(-2px);background:var(--ink);box-shadow:0 6px #00000040;pointer-events:none}.overlay{position:absolute;inset:0;pointer-events:none;opacity:var(--overlayOpacity);background:linear-gradient(180deg,#000000d9,#00000059 38%,#0000 72%)}.scene.is-zooming{transition:transform var(--duration) cubic-bezier(.12,.85,.18,1);transform:scale(var(--endScale)) translateY(var(--dropY))}.doorFrame{position:absolute;left:50%;width:26%;height:24%;transform:translate(-50%);bottom:calc(100% - var(--horizon));background:transparent;border:8px solid var(--frame);outline:3px solid var(--ink);outline-offset:-3px}.centerSeam{position:absolute;top:0;bottom:0;left:50%;width:8px;transform:translate(-50%);background:var(--seam);outline:3px solid var(--ink);outline-offset:-3px}.leaf{position:absolute;top:6px;bottom:6px;width:calc(50% - 4px);background:var(--door);outline:3px solid var(--ink);outline-offset:-3px;overflow:hidden}.leaf.left{left:6px}.leaf.right{right:6px}.leaf:before{content:"";position:absolute;left:10%;top:8%;width:18%;height:72%;border-radius:999px;background:#ffffff2e;transform:skew(-8deg);pointer-events:none}.leaf:after{content:"";position:absolute;left:34%;top:14%;width:8%;height:58%;border-radius:999px;background:#ffffff1a;transform:skew(-8deg);pointer-events:none}.glassBottomLine{position:absolute;left:10%;right:10%;bottom:6%;height:4px;background:var(--ink);box-shadow:0 2px #ffffff40;opacity:.95}.labelBox{position:absolute;top:20%;left:50%;transform:translate(-50%);width:80%;padding:clamp(3px,.6vmin,7px) clamp(4px,.8vmin,8px);background:var(--labelBg);color:var(--labelInk);border:clamp(1px,.25vmin,3px) solid var(--ink);box-shadow:clamp(1px,.35vmin,4px) clamp(1px,.35vmin,4px) 0 #00000040;text-align:center;font-weight:900;font-size:clamp(.58rem,.55rem + .45vmin,.92rem);letter-spacing:.02em;line-height:1.05}@media(max-width:420px),(max-height:700px){.labelBox{width:86%;font-size:clamp(.54rem,.5rem + .35vmin,.8rem);letter-spacing:.01em}}.handle{position:absolute;top:var(--handleY, 44%);width:var(--handleW, 12%);height:var(--handleH, 34%);background:var(--handle);border:3px solid var(--ink);box-shadow:3px 3px #00000038}.handle.left{right:12%}.handle.right{left:12%}.hanokGrid{position:absolute;inset:10%;opacity:0;pointer-events:none}.toonGrain{position:absolute;inset:0;pointer-events:none;opacity:.1;background:repeating-radial-gradient(circle at 10% 20%,#0000001a 0 1px,#0000 1px 6px);mix-blend-mode:multiply}.scene.skin-clubA{--wall: #0b0c12;--floor: #05050a;--frame: #9b00ff;--seam: #9b00ff;--door: #001a2b;--handle: #00f5ff;--labelBg: rgba(255, 255, 255, .12);--labelInk: rgba(255, 255, 255, .92)}.scene.skin-clubA .doorFrame{box-shadow:0 0 18px #9b00ff59,0 0 28px #00f5ff2e}.scene.skin-clubB{--wall: #070812;--floor: #02030a;--frame: #00f5ff;--seam: #00f5ff;--door: #12002b;--handle: #ff2bd6;--labelBg: rgba(255, 255, 255, .1);--labelInk: rgba(255, 255, 255, .92)}.scene.skin-clubB .doorFrame{box-shadow:0 0 18px #00f5ff4d,0 0 28px #ff2bd62e}.scene.skin-hanokA{--ink: #1a120c;--wall: #f2efe6;--floor: #2a1b12;--frame: #6b3f1d;--seam: #6b3f1d;--door: #f6f1e3;--handle: #3a2416;--labelBg: rgba(255, 255, 255, .6);--labelInk: #1a120c}.scene.skin-hanokA .leaf{background:repeating-linear-gradient(90deg,#00000006 0 1px,#0000 1px 6px),linear-gradient(180deg,#f8f3e7,#f1ebdd)}.scene.skin-hanokA .hanokGrid{opacity:.6;background:repeating-linear-gradient(0deg,#6b3f1d8c 0 2px,#0000 2px 24px),repeating-linear-gradient(90deg,#6b3f1d8c 0 2px,#0000 2px 24px)}.scene.skin-hanokA .handle{--handleW: 14%;--handleH: 14%;--handleY: 48%;border-radius:50%;background:transparent}.scene.skin-hanokA .handle:before{content:"";position:absolute;inset:12%;border-radius:50%;border:3px solid var(--handle)}.scene.skin-hanokB{--ink: #1a120c;--wall: #efe7d7;--floor: #1f140e;--frame: #4a2a12;--seam: #4a2a12;--door: #f3ead6;--handle: #2a190f;--labelBg: rgba(255, 255, 255, .55);--labelInk: #1a120c}.scene.skin-hanokB .leaf{background:repeating-linear-gradient(90deg,#00000008 0 1px,#0000 1px 7px),linear-gradient(180deg,#f7edd9,#efe2c8)}.scene.skin-hanokB .hanokGrid{opacity:.55;background:repeating-linear-gradient(0deg,#4a2a128c 0 2px,#0000 2px 22px),repeating-linear-gradient(90deg,#4a2a128c 0 2px,#0000 2px 22px)}.scene.skin-hanokB .handle{--handleW: 12%;--handleH: 18%;--handleY: 44%;border-radius:12px}.scene.skin-spaceA{--wall: #cfd6dd;--floor: #0a0f12;--frame: #6b7c8a;--seam: #6b7c8a;--door: #2f3b46;--handle: #c9a227;--labelBg: rgba(0, 0, 0, .35);--labelInk: rgba(255, 255, 255, .92)}.scene.skin-spaceA .leaf{background:repeating-linear-gradient(0deg,#ffffff0d 0 2px,#0000 2px 10px),linear-gradient(180deg,#3a4854,#25303a)}.scene.skin-spaceA .handle{--handleW: 14%;--handleH: 14%;--handleY: 46%;border-radius:50%;box-shadow:inset 0 -3px #0006,0 0 10px #c9a22773}.scene.skin-spaceB{--wall: #d7dde3;--floor: #060a0c;--frame: #8897a3;--seam: #8897a3;--door: #25313a;--handle: #ff3b3b;--labelBg: rgba(0, 0, 0, .38);--labelInk: rgba(255, 255, 255, .92)}.scene.skin-spaceB .leaf{background:repeating-linear-gradient(90deg,#ffffff0a 0 2px,#0000 2px 12px),linear-gradient(180deg,#33414b,#1f2830)}.scene.skin-spaceB .handle{--handleW: 14%;--handleH: 14%;--handleY: 46%;border-radius:50%;box-shadow:inset 0 -3px #00000073,0 0 12px #ff3b3b8c}.hud{position:fixed;top:16px;left:16px;z-index:1000;color:#fff;font-family:system-ui,sans-serif;pointer-events:none}.hudLine{margin-bottom:6px}.hudHint{margin-top:8px;opacity:.8;font-size:14px}.hud .fail{margin-top:10px;color:#ff4d4f;font-weight:800}.pill{display:inline-block;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.4;border-radius:999px;background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.timerBarWrap{position:fixed;top:0;left:0;width:100%;z-index:2000;pointer-events:none}.timerBar{height:6px;background:#ffffff26}.timerBarFill{height:100%;background:linear-gradient(90deg,#0fc,#fc0,#ff4d4f);transform-origin:left center;transition:transform .05s linear}.timerBarFill{animation:shake .15s infinite}@keyframes shake{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}.endOverlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;background:#000000b3}.endCard{position:relative;width:min(92vmin,720px);aspect-ratio:3 / 4;border-radius:18px;overflow:hidden;box-shadow:0 20px 80px #0009}.endImg{width:100%;height:100%;object-fit:cover;display:block}.endTextLayer{position:absolute;inset:0;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 20px 22px;background:linear-gradient(to bottom,#00000059,#0000000d 40% 60%,#00000073)}.endTopTitle{font-size:clamp(34px,6vw,56px);font-weight:900;letter-spacing:2px;color:#fff;-webkit-text-stroke:6px rgba(255,120,0,.95);paint-order:stroke fill;text-shadow:0 6px 18px rgba(0,0,0,.65),0 2px 0 rgba(0,0,0,.35)}.endCenterScore{display:flex;align-items:baseline;gap:8px;transform:translateY(-10px)}.endScoreNum{font-size:clamp(68px,10vw,110px);font-weight:1000;color:#fff;-webkit-text-stroke:10px rgba(255,0,150,.95);paint-order:stroke fill;text-shadow:0 10px 26px rgba(0,0,0,.7),0 0 22px rgba(255,0,150,.35)}.endScoreUnit{font-size:clamp(22px,3.2vw,34px);font-weight:900;color:#fff;-webkit-text-stroke:5px rgba(255,0,150,.85);paint-order:stroke fill;text-shadow:0 6px 18px rgba(0,0,0,.6)}.endBottomReason{font-size:clamp(26px,4.5vw,44px);font-weight:1000;color:#fff;-webkit-text-stroke:8px rgba(255,120,0,.95);paint-order:stroke fill;text-shadow:0 8px 22px rgba(0,0,0,.75),0 0 18px rgba(255,120,0,.25)}.endRestartHint{margin-top:10px;font-size:14px;font-weight:800;color:#ffffffd9;text-shadow:0 2px 10px rgba(0,0,0,.7)}.controls{position:fixed;left:50%;bottom:18px;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(980px,calc(100vw - 24px));z-index:50}.ctrlBtn{border:1px solid rgba(255,255,255,.25);background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:clamp(12px,2.2vw,18px) clamp(10px,1.8vw,14px);min-height:clamp(120px,22vw,200px);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.ctrlBtn:disabled{opacity:.45;cursor:not-allowed}.ctrlKey{font-size:clamp(1.25rem,2.2vw,2rem);font-weight:900;letter-spacing:1px}.ctrlDesc{margin-top:4px;font-size:clamp(.9rem,1.5vw,1.25rem);opacity:.9;line-height:1.15}.restartBtn{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:60;border:0;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.endRestartBtn{position:relative;z-index:10;pointer-events:auto;margin-top:16px;padding:14px 26px;border-radius:18px;border:3px solid rgba(180,30,30,.95);font-size:clamp(1.15rem,2.1vw,1.9rem);font-weight:900;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#f6e27a,#e6b94f,#c9952d 70%,#f9e68c);color:#fff;text-shadow:-1px -1px 0 #b01818,1px -1px 0 #b01818,-1px 1px 0 #b01818,1px 1px 0 #b01818,0 2px 3px rgba(0,0,0,.45);box-shadow:0 10px 28px #0000008c,inset 0 2px 2px #ffffff8c;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.endRestartBtn:hover{transform:translateY(-1px) scale(1.04);filter:brightness(1.15) saturate(1.1);box-shadow:0 0 20px #ffdc78d9,0 0 38px #b41e1e99,0 16px 40px #000000a6,inset 0 2px 3px #fff9}.endRestartBtn:active{transform:translateY(2px) scale(.98)}.stage{position:fixed;top:clamp(44px,9vmin,100px);left:50%;transform:translate(-50%);z-index:120;padding:clamp(10px,2.2vmin,18px) clamp(16px,4.2vmin,36px);border-radius:999px;font-weight:900;letter-spacing:clamp(1px,.35vmin,3px);-webkit-user-select:none;user-select:none;pointer-events:none;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:clamp(2px,.45vmin,3px) solid rgba(255,80,80,.95);font-size:clamp(1.05rem,1.1rem + .9vmin,2.1rem);text-shadow:calc(-1*clamp(1px,.35vmin,2px)) calc(-1*clamp(1px,.35vmin,2px)) 0 rgba(120,0,0,.95),clamp(1px,.35vmin,2px) calc(-1*clamp(1px,.35vmin,2px)) 0 rgba(120,0,0,.95),calc(-1*clamp(1px,.35vmin,2px)) clamp(1px,.35vmin,2px) 0 rgba(120,0,0,.95),clamp(1px,.35vmin,2px) clamp(1px,.35vmin,2px) 0 rgba(120,0,0,.95),0 clamp(2px,.7vmin,4px) clamp(4px,1.2vmin,8px) rgba(0,0,0,.65);animation:stageSnapPop .26s cubic-bezier(.25,.9,.3,1.15);transform-origin:center}@keyframes stageSnapPop{0%{transform:translate(-50%) scale(.8);filter:brightness(.9);opacity:.9}60%{transform:translate(-50%) scale(1.18);filter:brightness(1.15)}to{transform:translate(-50%) scale(1);filter:brightness(1)}}@keyframes stageMiniShake{0%{transform:translate(-50%) translate(0)}33%{transform:translate(-50%) translate(-4px)}66%{transform:translate(-50%) translate(4px)}to{transform:translate(-50%) translate(0)}}.stage.lv1{font-size:clamp(1.7rem,2.3vw,2.95rem);background:linear-gradient(135deg,#fff4b0,#e6b94f 55%,#c9952d);box-shadow:0 16px 40px #000000a6,0 0 22px #ffd778cc,inset 0 3px 4px #ffffff8c}.stage.lv2{font-size:clamp(1.8rem,2.4vw,3.05rem);background:linear-gradient(135deg,#fff0a6,#f0b54d 45%,#e04444);box-shadow:0 18px 46px #000000b3,0 0 28px #ffe196f2,inset 0 3px 5px #fff9}.stage.lv3{font-size:clamp(1.9rem,2.55vw,3.2rem);background:linear-gradient(135deg,#ffe48a,#ff9a3c 45%,#ff3b3b);box-shadow:0 20px 52px #000000bf,0 0 36px #ffe6aa,0 0 54px #ff4646b3,inset 0 3px 6px #ffffffa6}.stage.lv4{font-size:clamp(2rem,2.7vw,3.35rem);background:linear-gradient(135deg,#ffd36b,#ff4d4d,#b00000);animation:stageSnapPop .26s cubic-bezier(.25,.9,.3,1.15),stageMiniShake .12s ease-in-out .26s;box-shadow:0 22px 58px #000c,0 0 48px #ffebaa,0 0 70px #ff5050d9,inset 0 3px 6px #ffffffb3}.stage.lv5{font-size:clamp(2.1rem,2.85vw,3.5rem);padding:20px 42px;background:linear-gradient(135deg,#ffcf6b,#ff2d2d 45%,#7a0000);animation:stageSnapPop .26s cubic-bezier(.25,.9,.3,1.15),stageMiniShake .14s ease-in-out .26s;box-shadow:0 26px 64px #000000d9,0 0 70px #fff0be,0 0 110px #ff4646,inset 0 4px 7px #ffffffbf}.stage.lv6{font-size:clamp(2.25rem,3.1vw,3.8rem);padding:24px 48px;letter-spacing:4px;background:linear-gradient(135deg,#ffe9a6,#ff3b3b,#8a2be2 70%,#2b0055);border-color:#ffdca0;animation:stageSnapPop .28s cubic-bezier(.22,.95,.28,1.2),stageMiniShake .16s ease-in-out .28s;box-shadow:0 30px 78px #000000e6,0 0 90px #fff5cd,0 0 140px #ff3c3c,0 0 160px #8a2be2f2,inset 0 5px 10px #fffc}:root{--ui: clamp(.85, .65 + .6vw, 1.15);--r-sm: clamp(.45rem, .25rem + .5vw, .9rem);--r-md: clamp(.9rem, .55rem + 1vw, 1.4rem);--line-1: clamp(1px, .08rem, 3px);--line-2: clamp(2px, .12rem, 5px);--line-3: clamp(3px, .18rem, 8px);--pad-xs: clamp(.5rem, .35rem + .5vw, .9rem);--pad-sm: clamp(.75rem, .55rem + .7vw, 1.2rem);--pad-md: clamp(1rem, .75rem + 1vw, 1.6rem);--gap-sm: clamp(.45rem, .25rem + .6vw, .95rem);--gap-md: clamp(.7rem, .4rem + .9vw, 1.2rem);--fs-hint: clamp(.78rem, .62rem + .35vw, .95rem);--fs-btn: clamp(1rem, .85rem + .6vw, 1.6rem);--sh-1: clamp(.6rem, .3rem + 1vw, 1.2rem);--sh-2: clamp(1.2rem, .6rem + 1.8vw, 2.2rem);--sh-3: clamp(2.2rem, 1rem + 3vw, 4rem)}.startRoot{position:fixed;inset:0;display:grid;place-items:center;--ink: rgba(15, 15, 18, .95);--paper: rgba(255, 250, 235, .94);--paper2: rgba(255, 255, 255, .92);--cyan: #2ee6ff;--gold: #ffd25a;background:#0a0a0e99;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.18) 1px,transparent 1px),radial-gradient(1000px 700px at 50% 12%,rgba(46,230,255,.18),transparent 60%),radial-gradient(900px 600px at 50% 92%,rgba(255,210,90,.1),transparent 60%);background-size:10px 10px,14px 14px,auto,auto;background-position:0 0,3px 6px,center,center}.startFrame{position:relative;width:min(92vw,72vh);aspect-ratio:1080 / 1500;max-width:100vw;max-height:100vh;overflow:hidden;background:#fffaeb0f;border:var(--line-3) solid rgba(255,255,255,.1);border-radius:clamp(1rem,.6rem + 1.2vw,1.6rem);box-shadow:0 calc(1.7rem * var(--ui)) 0 #00000038,0 calc(1.85rem * var(--ui)) calc(5rem * var(--ui)) #0000008c}.startBg{width:110%;height:100%;object-fit:cover;display:block;filter:contrast(1.05) saturate(1.05) brightness(1.05)}.startTitle{position:absolute;top:5%;left:0;right:0;text-align:center;font-weight:500;font-size:clamp(3.2rem,7.2vw,7rem);letter-spacing:clamp(.12em,.5vw,.28em);color:#fff;-webkit-text-stroke:clamp(.35rem,.2rem + .7vw,1.2rem) rgba(46,230,255,.55);paint-order:stroke fill;text-shadow:-2px -2px 0 rgba(255,255,255,.85),2px -2px 0 rgba(255,255,255,.85),-2px 2px 0 rgba(255,255,255,.85),2px 2px 0 rgba(255,255,255,.85),0 calc(.7rem * var(--ui)) 0 rgba(0,0,0,.25),0 calc(1.6rem * var(--ui)) calc(3.6rem * var(--ui)) rgba(0,0,0,.55)}.startPanel{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(74%,62vmin);max-width:86%;aspect-ratio:1 / 1;display:grid;place-items:center;gap:var(--gap-sm);padding:var(--pad-md);cursor:pointer;border-radius:var(--r-md);background:#fffaeb80;border:var(--line-3) solid var(--ink);box-shadow:0 calc(1.1rem * var(--ui)) 0 #00000038,0 calc(1.8rem * var(--ui)) calc(3.6rem * var(--ui)) #00000059;overflow:hidden;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,filter .16s ease}.startPanel:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 240px at 50% 0%,rgba(255,255,255,.55),transparent 62%),radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:auto,9px 9px;opacity:.55;pointer-events:none}.startPanel:hover{transform:translate(-50%,-50%) scale(1.03);background:#ffffffeb;border-color:var(--ink);box-shadow:0 calc(1.25rem * var(--ui)) 0 #00000038,0 calc(2.1rem * var(--ui)) calc(4.2rem * var(--ui)) #0000006b;filter:brightness(1.02)}.startPanel:active{transform:translate(-50%,-50%) scale(.99)}.startPanel:focus-visible{outline:var(--line-3) solid rgba(46,230,255,.55);outline-offset:clamp(.35rem,.2rem + .6vw,.8rem)}.startPanel:hover .startPlayIcon{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 calc(.9rem * var(--ui)) calc(1.7rem * var(--ui)) rgba(0,0,0,.45));transition:transform .12s ease,filter .16s ease}.startPanel:hover .startPanelText{transform:translateY(-1px);transition:transform .12s ease}.startPlayIcon{position:relative;width:min(45%,36vmin);aspect-ratio:230 / 300;height:auto;perspective:1000px;transform-style:preserve-3d;--seam: clamp(.35rem, .2rem + .8vw, .9rem);filter:drop-shadow(0 calc(1.2rem * var(--ui)) calc(2.4rem * var(--ui)) rgba(0,0,0,.65));background:radial-gradient(ellipse at center,#78c8ff00 0% 60%,#78c8ff00);transition:background .28s ease,filter .28s ease}.startPlayIcon:before,.startPlayIcon:after{content:"";position:absolute;top:0;width:calc(50% - (var(--seam) / 2));height:100%;background:linear-gradient(180deg,#19191cb3,#0c0c10b3);border:clamp(.18rem,.12rem + .25vw,.45rem) solid rgba(15,15,18,.92);box-shadow:inset 0 0 0 clamp(1px,.08rem,2px) #ffffff0f,inset 0 0 0 clamp(.4rem,.28rem + .5vw,.9rem) #0000002e;z-index:1;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,filter .28s ease,background .28s ease}.startPlayIcon:before{left:0;border-right:none;border-radius:clamp(.6rem,.35rem + .8vw,1rem) 0 0 clamp(.4rem,.25rem + .6vw,.8rem);transform-origin:left center;transform:translateZ(-1px)}.startPlayIcon:after{right:0;border-left:none;border-radius:0 clamp(.6rem,.35rem + .8vw,1rem) clamp(.4rem,.25rem + .6vw,.8rem) 0;transform-origin:right center;transform:translateZ(-1px)}.startPanel:hover .startPlayIcon{background:radial-gradient(ellipse at center,#2ee6ff7a,#2ee6ff40 42%,#ffd25a1a 62%,#2ee6ff00 78%);filter:drop-shadow(0 calc(1.2rem * var(--ui)) 0 rgba(0,0,0,.2)) drop-shadow(0 calc(2rem * var(--ui)) calc(4.2rem * var(--ui)) rgba(0,0,0,.55)) drop-shadow(0 0 calc(2.2rem * var(--ui)) rgba(46,230,255,.2))}.startPanel:hover .startPlayIcon:before{transform:translateZ(-1px) rotateY(-32deg);border-color:#2ee6ffeb;box-shadow:inset 0 0 0 clamp(1px,.08rem,2px) #ffffff1a,inset 0 0 0 clamp(.4rem,.28rem + .5vw,.9rem) #0000001f,calc(.6rem * var(--ui)) calc(1.4rem * var(--ui)) calc(3rem * var(--ui)) #0000008c;filter:brightness(1.05);background:linear-gradient(180deg,#19191c94,#0c0c1094)}.startPanel:hover .startPlayIcon:after{transform:translateZ(-1px) rotateY(32deg);border-color:#2ee6ffeb;box-shadow:inset 0 0 0 clamp(1px,.08rem,2px) #ffffff1a,inset 0 0 0 clamp(.4rem,.28rem + .5vw,.9rem) #0000001f,calc(-.6rem * var(--ui)) calc(1.4rem * var(--ui)) calc(3rem * var(--ui)) #0000008c;filter:brightness(1.05);background:linear-gradient(180deg,#19191c94,#0c0c1094)}.startPanelText{font-weight:1000;font-size:clamp(2rem,4.2vw,4rem);letter-spacing:clamp(.18em,.75vw,.35em);color:#19191cf2;-webkit-text-stroke:clamp(.25rem,.14rem + .55vw,.95rem) rgba(46,230,255,.75);paint-order:stroke fill;text-shadow:-2px -2px 0 rgba(255,255,255,.9),2px -2px 0 rgba(255,255,255,.9),-2px 2px 0 rgba(255,255,255,.9),2px 2px 0 rgba(255,255,255,.9),0 calc(.7rem * var(--ui)) 0 rgba(0,0,0,.22),0 calc(1.4rem * var(--ui)) calc(3rem * var(--ui)) rgba(0,0,0,.35)}.startHint{position:absolute;bottom:clamp(.6rem,.35rem + 1vw,1.2rem);left:0;right:0;text-align:center;font-size:var(--fs-hint);font-weight:800;color:#ffffffd1;text-shadow:0 2px 0 rgba(0,0,0,.55),0 calc(.7rem * var(--ui)) calc(2rem * var(--ui)) rgba(0,0,0,.65)}.end{position:absolute;left:50%;bottom:clamp(3.2rem,3.5vh,6rem);transform:translate(-50%);padding:calc(var(--pad-sm) * 1.05) calc(var(--pad-md) * 1.4);border-radius:clamp(.75rem,.45rem + 1vw,1.25rem);font-size:var(--fs-btn);font-weight:1000;letter-spacing:clamp(.18em,.7vw,.4em);color:#fff;border:4px solid var(--ink);background:radial-gradient(160px 70px at 25% 25%,rgba(255,255,255,.55),transparent 60%),linear-gradient(180deg,#ffd25af5,#d2a028f5);box-shadow:0 calc(.75rem * var(--ui)) 0 #00000040,0 calc(1.4rem * var(--ui)) calc(3.8rem * var(--ui)) #00000073,0 0 calc(1.6rem * var(--ui)) #ffd25a2e;text-shadow:-2px -2px 0 rgba(0,0,0,.45),2px -2px 0 rgba(0,0,0,.45),-2px 2px 0 rgba(0,0,0,.45),2px 2px 0 rgba(0,0,0,.45),0 calc(.7rem * var(--ui)) calc(1.7rem * var(--ui)) rgba(0,0,0,.55);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease}.end:hover{transform:translate(-50%) scale(1.08);filter:brightness(1.05);border-color:#ff3232;box-shadow:inset 0 0 0 calc(.15rem * var(--ui)) #ffffff4d,0 calc(.9rem * var(--ui)) 0 #ff000059,0 calc(1.6rem * var(--ui)) calc(4.4rem * var(--ui)) #00000080,0 0 calc(2.2rem * var(--ui)) #ff505066}.end:active{transform:translate(-50%) scale(.98)}.end:focus-visible{outline:var(--line-3) solid rgba(46,230,255,.65);outline-offset:clamp(.35rem,.2rem + .6vw,.8rem)}.noticePanel{position:absolute;top:7%;left:0;right:0;display:grid;place-items:center;background:none;border:none;padding:0;cursor:pointer;z-index:5}.noticePanel .startTitle{position:static;pointer-events:none}.noticePanel:after{content:"게임 제목을 클릭하면 공지사항 · 패치노트로 이동합니다";position:absolute;left:50%;bottom:calc(100% + clamp(.6rem,.3rem + 1vw,1.2rem));top:auto;transform:translate(-50%) translateY(6px);padding:clamp(.7rem,.5rem + .9vw,1.1rem) clamp(1rem,.7rem + 1.2vw,1.6rem);border-radius:clamp(.9rem,.55rem + 1vw,1.4rem);font-size:clamp(.95rem,.7rem + .8vw,1.4rem);font-weight:1000;letter-spacing:clamp(.02em,.15vw,.1em);color:#141419f2;white-space:nowrap;border:2px solid var(--ink);background:#ffffffeb;box-shadow:0 calc(.7rem * var(--ui)) 0 #00000038;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.noticePanel:before{content:"";position:absolute;left:50%;bottom:calc(100% + clamp(.25rem,.12rem + .5vw,.55rem));top:auto;transform:translate(-50%);width:0;height:0;border-left:clamp(.35rem,.2rem + .6vw,.7rem) solid transparent;border-right:clamp(.35rem,.2rem + .6vw,.7rem) solid transparent;border-top:clamp(.5rem,.25rem + .8vw,.9rem) solid rgba(15,15,18,.75);opacity:0;transition:opacity .16s ease}.noticePanel:hover:after,.noticePanel:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.noticePanel:hover:before,.noticePanel:focus-visible:before{opacity:1}.soundBtn{position:absolute;top:clamp(.6rem,.35rem + 1vw,1.2rem);right:clamp(.6rem,.35rem + 1vw,1.2rem);z-index:10;display:inline-flex;align-items:center;gap:clamp(.4rem,.2rem + .6vw,.8rem);padding:clamp(.55rem,.35rem + .8vw,.95rem) clamp(.7rem,.45rem + 1vw,1.2rem);border-radius:999px;font-size:clamp(.9rem,.7rem + .6vw,1.2rem);font-weight:1000;letter-spacing:clamp(.06em,.25vw,.14em);color:#ffffffeb;border:3px solid var(--ink);background:#ffffff24;box-shadow:0 calc(.75rem * var(--ui)) 0 #00000040,0 calc(1.4rem * var(--ui)) calc(3.8rem * var(--ui)) #00000059;cursor:pointer;-webkit-user-select:none;user-select:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .12s ease,filter .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.soundBtn:hover{transform:translateY(-1px) scale(1.03);filter:brightness(1.08);border-color:#2ee6ffbf;box-shadow:0 calc(.85rem * var(--ui)) 0 #00000040,0 calc(1.55rem * var(--ui)) calc(4.4rem * var(--ui)) #00000073,0 0 calc(1.5rem * var(--ui)) #2ee6ff29}.soundBtn:active{transform:translateY(0) scale(.98);filter:brightness(.98)}.soundBtn:focus-visible{outline:var(--line-3) solid rgba(46,230,255,.55);outline-offset:clamp(.35rem,.2rem + .6vw,.8rem)}.soundIcon{font-size:clamp(1.05rem,.85rem + .7vw,1.4rem);line-height:1;filter:drop-shadow(0 calc(.4rem * var(--ui)) calc(.9rem * var(--ui)) rgba(0,0,0,.55))}.soundBtn.on{border-color:#2ee6ffd9;background:radial-gradient(800px 500px at 20% 20%,rgba(46,230,255,.14),transparent 55%),#ffffff24;box-shadow:0 calc(.75rem * var(--ui)) 0 #00000040,0 calc(1.55rem * var(--ui)) calc(4.4rem * var(--ui)) #00000073,0 0 calc(1.6rem * var(--ui)) #2ee6ff29}.soundBtn.off{border-color:#ffffff2e;background:radial-gradient(900px 600px at 20% 20%,rgba(0,0,0,.18),transparent 55%),#ffffff1f;box-shadow:0 calc(.75rem * var(--ui)) 0 #00000040,0 calc(1.55rem * var(--ui)) calc(4.4rem * var(--ui)) #00000073}.endpage-root *{box-sizing:border-box}.endpage-root{--ink: rgba(15, 15, 18, .95);--paper: rgba(255, 250, 235, .94);--paper2: rgba(255, 255, 255, .9);--accent: #ff3d8d;--accent2: #2ee6ff;--gold: #ffd25a;--shadow: rgba(0, 0, 0, .35);--shadowHard: rgba(0, 0, 0, .55);--radius: 18px;--radiusSm: 12px;--stroke: 3px}.endpage-root{position:fixed;inset:0;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.endpage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.05) brightness(1.05);transform:scale(1.02)}.endpage-overlay{position:absolute;inset:0;background:#0a0a0e8c;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.18) 1px,transparent 1px);background-size:10px 10px,14px 14px;background-position:0 0,3px 6px}.endpage-content{position:relative;z-index:1;height:100%;display:grid;place-items:center;padding:18px}.endpage-card{position:relative;width:min(760px,92vw);max-height:min(100vh);padding:22px 18px 18px;border-radius:var(--radius);overflow:hidden;background:var(--paper);border:var(--stroke) solid var(--ink);box-shadow:0 18px #00000040,0 22px 60px #00000073}.endpage-card:before{content:"";position:absolute;top:-14px;left:18px;width:170px;height:32px;border-radius:10px;background:linear-gradient(180deg,#fff9,#ffffff26),#ffdc78d9;border:2px solid rgba(20,20,25,.85);box-shadow:0 10px #0000002e;transform:rotate(-2.5deg);opacity:.95}.endpage-title{position:relative;margin:6px 0 10px;text-align:center;font-size:40px;font-weight:1000;letter-spacing:-1px;color:#19191cf2;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,0 6px 0 rgba(0,0,0,.25)}.endpage-score,.endpage-rank{position:relative;margin:8px auto 10px;width:fit-content;padding:8px 12px;border-radius:999px;background:var(--paper2);border:2px solid var(--ink);box-shadow:0 8px #0000002e;color:#141419eb;font-weight:1000;letter-spacing:-.4px}.endpage-score{font-size:16px}.endpage-rank{font-size:14px}.endpage-rank:after{content:"";position:absolute;left:18px;bottom:-10px;width:16px;height:16px;background:var(--paper2);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}.endpage-saveRow{position:relative;display:flex;gap:10px;margin:10px 0 6px}.endpage-input{flex:1;height:46px;padding:0 12px;border-radius:var(--radiusSm);border:2px solid var(--ink);background:#ffffffd9;color:#141419f2;outline:none;box-shadow:0 8px #0000002e}.endpage-input::placeholder{color:#19191c73}.endpage-input:focus{border-color:#141419f2;box-shadow:0 8px #0000002e,0 0 0 4px #2ee6ff40}.endpage-saveBtn{height:46px;padding:0 14px;border-radius:var(--radiusSm);border:2px solid var(--ink);background:linear-gradient(180deg,#ff3d8df2,#be185cf2);color:#fff;font-weight:1000;letter-spacing:-.5px;cursor:pointer;box-shadow:0 8px #00000040;transition:transform .12s ease,filter .12s ease}.endpage-saveBtn:hover{transform:translateY(-1px);filter:brightness(1.03)}.endpage-saveBtn:active{transform:translateY(6px);box-shadow:0 2px #00000040}.endpage-saveBtn:disabled,.endpage-input:disabled{opacity:.65;cursor:default;transform:none}.endpage-tabs{position:relative;display:flex;gap:10px;margin:14px 0 12px}.endpage-tab{flex:1;height:42px;border-radius:var(--radiusSm);border:2px solid var(--ink);background:#ffffffbf;color:#141419bf;font-weight:1000;letter-spacing:-.5px;cursor:pointer;box-shadow:0 8px #0000002e;transition:transform .12s ease,filter .12s ease}.endpage-tab:hover{transform:translateY(-1px);filter:brightness(1.03)}.endpage-tab.on{background:radial-gradient(180px 80px at 25% 25%,rgba(46,230,255,.35),transparent 60%),#ffffffe6;color:#141419f2;box-shadow:0 8px #0000002e,0 0 0 4px #2ee6ff2e}.endpage-tab:active{transform:translateY(6px);box-shadow:0 2px #0000002e}.endpage-tab:disabled{opacity:.6;cursor:default;transform:none}.endpage-body{position:relative;margin-top:8px;padding:12px 10px;border-radius:var(--radius);background:#ffffffbf;border:var(--stroke) solid var(--ink);box-shadow:inset 0 0 0 2px #0000000f;max-height:min(44vh,420px);overflow:auto}.endpage-body::-webkit-scrollbar{width:10px}.endpage-body::-webkit-scrollbar-thumb{background:#14141940;border-radius:999px;border:2px solid rgba(255,255,255,.6)}.endpage-body::-webkit-scrollbar-track{background:#0000000f;border-radius:999px}.endpage-hint{margin:10px 0;text-align:center;opacity:.85;color:#141419cc;font-weight:900}.endpage-rankList{list-style:none;padding:0;margin:0}.endpage-rankItem{display:grid;grid-template-columns:38px 1fr 84px;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radiusSm);margin-bottom:10px;background:#ffffffe6;border:2px solid var(--ink);box-shadow:0 8px #0000002e}.endpage-rankItem .no{font-weight:1000;text-align:center;width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#ffd25aeb;border:2px solid var(--ink);box-shadow:0 6px #0000002e;color:#141419f2}.endpage-rankItem .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:1000;color:#141419eb}.endpage-rankItem .sc{text-align:right;font-weight:1000;font-variant-numeric:tabular-nums;color:#141419eb}.endpage-rankItem:nth-child(1){background:radial-gradient(240px 80px at 20% 20%,rgba(255,210,90,.55),transparent 60%),#ffffffeb;border-color:#141419f2}.endpage-rankItem:nth-child(1) .no{background:#ffd700f2}.endpage-rankItem:nth-child(2) .no{background:#e1e1e6f2}.endpage-rankItem:nth-child(3) .no{background:#cd7f32e6}.endpage-btns{position:relative;display:flex;gap:10px;margin-top:14px}.endpage-btn{flex:1;height:52px;border-radius:16px;border:2px solid var(--ink);background:#ffffffd9;color:#141419f2;font-weight:1000;font-size:16px;cursor:pointer;box-shadow:0 10px #00000038;transition:transform .12s ease,filter .12s ease}.endpage-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.endpage-btn:active{transform:translateY(8px);box-shadow:0 2px #00000038}.endpage-btn.ghost{background:#fff9}.endpage-noticeFab{position:fixed;top:18px;right:18px;width:54px;height:54px;border-radius:999px;display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:24px;font-weight:1000;color:#141419f2;border:3px solid var(--ink);background:radial-gradient(120% 120% at 30% 25%,rgba(255,255,255,.85),transparent 55%),#ffd25af2;box-shadow:0 12px #00000040,0 22px 60px #00000059;z-index:80;transition:transform .15s ease,filter .15s ease}.endpage-noticeFab:hover{transform:translateY(-1px);filter:brightness(1.02)}.endpage-noticeFab:active{transform:translateY(8px);box-shadow:0 4px #00000040,0 22px 60px #00000059}.endpage-noticeFab:focus-visible{outline:3px solid rgba(46,230,255,.7);outline-offset:3px}.endpage-noticeFab:after{content:"공지사항 · 패치노트 보기";position:fixed;right:18px;top:14px;padding:12px 14px;border-radius:16px;font-size:14px;font-weight:1000;letter-spacing:-.2px;color:#141419f2;white-space:nowrap;border:2px solid var(--ink);background:#ffffffeb;box-shadow:0 10px #00000038;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .16s ease,transform .16s ease;z-index:9999}.endpage-noticeFab:before{content:"";position:fixed;right:78px;top:52px;width:14px;height:14px;background:#ffffffeb;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);opacity:0;transition:opacity .16s ease,transform .16s ease;z-index:9999}.endpage-noticeFab:hover:after,.endpage-noticeFab:focus-visible:after,.endpage-noticeFab:hover:before,.endpage-noticeFab:focus-visible:before{opacity:1;transform:translateY(0)}.endpage-shoutInputWrap{margin-top:10px;position:relative}.endpage-shoutInput{width:100%;height:44px;padding:0 44px 0 14px;border-radius:var(--radiusSm);border:2px solid var(--ink);background:#ffffffd9;color:#141419f2;outline:none;box-shadow:0 8px #0000002e}.endpage-shoutInput:focus{box-shadow:0 8px #0000002e,0 0 0 4px #ff3d8d2e}.endpage-shoutCount{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:1000;color:#141419b3}.endpage-shoutCount.max{color:#be185cf2}.endpage-microHint{margin:8px 0 0;font-size:12px;font-weight:900;color:#141419a6}.endpage-shouts{margin-top:14px;padding:12px;border-radius:var(--radius);border:var(--stroke) solid var(--ink);background:#ffffffbf;box-shadow:inset 0 0 0 2px #0000000f}.endpage-shoutsHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.endpage-shoutsTitle{font-size:14px;font-weight:1000;letter-spacing:-.2px;color:#141419e6}.endpage-shoutsRefresh{width:34px;height:34px;border-radius:12px;border:2px solid var(--ink);background:#ffffffeb;color:#141419f2;cursor:pointer;box-shadow:0 6px #0000002e}.endpage-shoutsRefresh:active{transform:translateY(5px);box-shadow:0 1px #0000002e}.endpage-shoutsRefresh:disabled{opacity:.5;cursor:default;transform:none}.endpage-shoutsHint{font-size:13px;font-weight:900;color:#141419b3;padding:8px 2px}.endpage-shoutList{list-style:none;padding:0;margin:0;max-height:170px;overflow:auto}.endpage-shoutItem{padding:10px;border-radius:var(--radiusSm);border:2px solid var(--ink);background:#ffffffeb;box-shadow:0 8px #00000029}.endpage-shoutItem+.endpage-shoutItem{margin-top:10px}.endpage-shoutMeta{display:flex;align-items:baseline;gap:6px;font-size:12px;font-weight:900;color:#141419a6}.endpage-shoutMeta .dot{opacity:.5}.endpage-shoutText{margin-top:6px;font-size:14px;font-weight:900;line-height:1.35;color:#141419e6;word-break:break-word}.endpage-shoutList::-webkit-scrollbar{width:10px}.endpage-shoutList::-webkit-scrollbar-track{background:#0000000f;border-radius:999px}.endpage-shoutList::-webkit-scrollbar-thumb{background:#14141940;border-radius:999px;border:2px solid rgba(255,255,255,.75)}.endpage-shoutList::-webkit-scrollbar-thumb:hover{background:#14141959}.notice-root{--ink: rgba(15, 15, 18, .95);--paper: rgba(255, 250, 235, .94);--paper2: rgba(255, 255, 255, .92);--accent: #ff3d8d;--accent2: #2ee6ff;--gold: #ffd25a;--shadow: rgba(0, 0, 0, .35);height:100vh;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:flex-start;padding:18px 14px 60px;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0a0a0e8c;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.18) 1px,transparent 1px),radial-gradient(1000px 700px at 50% 10%,rgba(46,230,255,.14),transparent 60%),radial-gradient(900px 600px at 50% 90%,rgba(255,61,141,.1),transparent 60%);background-size:10px 10px,14px 14px,auto,auto;background-position:0 0,3px 6px,center,center}.notice-root::-webkit-scrollbar{width:10px}.notice-root::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.notice-root::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px;border:2px solid rgba(0,0,0,.25)}.notice-root::-webkit-scrollbar-thumb:hover{background:#ffffff47}.notice-card{width:min(920px,94vw);padding:16px;margin-top:6px;background:var(--paper);border-radius:18px;border:3px solid var(--ink);box-shadow:0 18px #00000040,0 22px 60px #00000073;position:relative;overflow:hidden}.notice-card:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 240px at 50% 0%,rgba(255,255,255,.55),transparent 60%),radial-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:auto,9px 9px;opacity:.65;pointer-events:none}.notice-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.notice-title{font-size:18px;font-weight:1000;letter-spacing:-.2px;color:#19191cf2;background:var(--paper2);padding:10px 12px;border-radius:14px;border:2px solid var(--ink);box-shadow:0 8px #0000002e;text-shadow:-1px -1px 0 rgba(255,255,255,.9),1px -1px 0 rgba(255,255,255,.9),-1px 1px 0 rgba(255,255,255,.9),1px 1px 0 rgba(255,255,255,.9)}.notice-nav{display:flex;gap:8px;flex-wrap:wrap}.notice-btn{padding:8px 14px;border-radius:999px;border:2px solid var(--ink);font-weight:1000;font-size:13px;cursor:pointer;box-shadow:0 6px #00000038;transition:transform 80ms ease,filter .12s ease,box-shadow 80ms ease}.notice-btn:hover{filter:brightness(1.03)}.notice-btn:active{transform:translateY(5px);box-shadow:0 1px #00000038}.notice-btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.4);transform:none}.notice-btn--home{background:radial-gradient(120px 50px at 25% 25%,rgba(46,230,255,.35),transparent 60%),#ffffffe6;color:#141419f2}.notice-btn--game{background:radial-gradient(120px 50px at 25% 25%,rgba(255,61,141,.28),transparent 60%),#ffffffe6;color:#141419f2}.notice-btn--hall{background:radial-gradient(120px 50px at 25% 25%,rgba(255,210,90,.5),transparent 60%),#ffffffe6;color:#141419f2}.notice-tools{position:relative;display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:10px;border-radius:14px;background:#ffffffb8;border:2px solid var(--ink);box-shadow:0 10px #0000002e}.notice-input{flex:1;height:40px;border-radius:12px;border:2px solid var(--ink);background:#ffffffd9;color:#141419f2;padding:0 12px;outline:none}.notice-input::placeholder{color:#19191c73}.notice-input:focus{box-shadow:0 0 0 4px #2ee6ff38}.notice-count{font-size:12px;font-weight:900;color:#141419bf;white-space:nowrap}.notice-list{display:grid;gap:12px}.notice-item{border-radius:16px;overflow:hidden;background:#ffffffe6;color:#141419f2;border:3px solid var(--ink);box-shadow:0 12px #0003,0 22px 50px #00000040;position:relative}.notice-item:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 220px at 50% 0%,rgba(255,255,255,.55),transparent 62%),radial-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:auto,9px 9px;opacity:.55;pointer-events:none}.notice-itemHead{width:100%;padding:12px 12px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;position:relative}.notice-itemTitle{font-size:15px;font-weight:1000;line-height:1.25}.notice-meta{font-size:12px;font-weight:900;color:#141419a6;display:flex;gap:8px;align-items:center;white-space:nowrap}.notice-badge{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:1000;border:2px solid var(--ink);box-shadow:0 4px #0000002e}.notice-badge{background:radial-gradient(120px 50px at 25% 25%,rgba(255,255,255,.45),transparent 60%),#ffd25aeb;color:#141419f2}.notice-badge--patch{background:radial-gradient(120px 50px at 25% 25%,rgba(255,255,255,.45),transparent 60%),#2ee6ff8c}.notice-body{padding:0 12px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .22s ease,opacity .18s ease,transform .18s ease,padding .18s ease}.notice-body.is-open{padding:0 12px 12px;max-height:1000px;opacity:1;transform:translateY(0);border-top:2px dashed rgba(20,20,25,.25)}.notice-content{white-space:normal;line-height:1.65;font-size:14px;font-weight:900;color:#141419eb}.notice-content img{max-width:100%;height:auto;display:block;border-radius:10px;border:2px solid rgba(20,20,25,.85);box-shadow:0 10px #0000002e}.notice-content table{width:100%;border-collapse:collapse;overflow-x:auto;display:block}.notice-item--pinned .notice-itemHead{cursor:default}.notice-divider{margin:14px 0;border-top:3px dashed rgba(20,20,25,.28)}.admin-root{height:100vh;overflow-y:auto;overflow-x:hidden;max-width:980px;margin:0 auto;padding:22px 16px 60px;color:#fff}.admin-title{margin:6px 0 14px;font-size:28px;letter-spacing:-.02em}.admin-loading{color:#fff;padding:18px}.admin-key-input{width:100%;margin:8px 0 18px}.admin-section{padding:18px;margin-top:18px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#14141473}.admin-sectionTitle{margin:0 0 12px;font-size:18px;font-weight:800}.admin-textInput{width:100%;height:42px;padding:0 12px;margin-bottom:12px;border-radius:12px;color:#fff;background:#00000040;border:1px solid rgba(255,255,255,.14);outline:none}.admin-textInput:focus{border-color:#ffffff47}.admin-editorWrap{border-radius:12px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0000002e}.admin-primaryBtn,.admin-dangerBtn{height:40px;padding:0 14px;border-radius:12px;cursor:pointer;color:#fff;border:1px solid transparent}.admin-primaryBtn{margin-top:14px;background:#50a0ff38;border-color:#50a0ff8c}.admin-primaryBtn:hover{background:#50a0ff4d}.admin-dangerBtn{background:#ff00002e;border-color:#ff50508c}.admin-dangerBtn:hover{background:#ff000042}.admin-dangerBtn--soft{padding:0 12px;height:36px;border-radius:10px}.admin-tableWrap{overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table thead th{text-align:left;font-size:13px;opacity:.85;padding:12px;background:#00000047;border-bottom:1px solid rgba(255,255,255,.12)}.admin-table tbody td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.admin-table tbody tr:hover{background:#ffffff0a}.admin-tdActions{text-align:right;white-space:nowrap}.admin-emptyRow{padding:18px!important;text-align:center;opacity:.7}.admin-notice-list{display:grid;gap:10px}.admin-notice-card{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#1414148c}.admin-notice-meta{min-width:0}.admin-notice-title{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-notice-date{opacity:.7;margin-top:4px;font-size:13px}.admin-notice-actions{display:flex;gap:8px;flex-shrink:0}.admin-notice-empty{padding:18px;text-align:center;border-radius:12px;border:1px dashed rgba(255,255,255,.18);opacity:.7}.admin-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.admin-title{font-size:22px;font-weight:700;letter-spacing:.5px;margin:0 auto 0 0}.adminpage-btn{padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;background:#2a2f3a;color:#fff;border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .15s ease}.adminpage-btn:hover{background:#343a46}.adminpage-btn.ghost{background:transparent;border:1px dashed rgba(255,255,255,.35);color:#ddd}.adminpage-btn.ghost:hover{background:#ffffff14}.admin-conf-grid{display:grid;gap:12px}.admin-conf-field{display:grid;gap:6px}.admin-conf-field>span{opacity:.8;font-size:13px}.admin-conf-actions{display:flex;gap:10px;margin-top:6px}