:root{--bg: #120d16;--panel: rgba(34, 24, 30, .74);--panel-solid: #2a1e25;--line: rgba(255, 226, 186, .2);--text: #fff4e4;--sub: #d8c4b2;--accent: #ffb35c;--accent-ink: #3a1f0e;--paper: #fbf1de;--font: "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-tap-highlight-color:transparent;word-break:keep-all;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none;outline:none}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.pill,.round{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px #00000040}.topbar{position:fixed;top:calc(12px + var(--safe-top));left:12px;right:12px;display:flex;align-items:center;gap:8px;pointer-events:none}.topbar>*{pointer-events:auto}.round{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none}.pill.title{height:46px;border-radius:23px;padding:0 16px;display:flex;flex-direction:column;justify-content:center;line-height:1.15;min-width:0}.pill.title b{font-size:15px;letter-spacing:-.2px}.pill.title span{font-size:11px;color:var(--sub)}.pill.tools{margin-left:auto;height:46px;border-radius:23px;padding:0 4px;display:flex;align-items:center}.pill.tools button{width:42px;height:42px;border:0;background:none;border-radius:50%;display:grid;place-items:center;position:relative}.pill.tools button:active,.round:active{background:#ffffff14}#btn-sound .on{display:none}#btn-sound[aria-pressed=true] .on{display:block;color:var(--accent)}#btn-sound[aria-pressed=true] .off{display:none}.dex-top .count{position:absolute;right:1px;top:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:800;display:grid;place-items:center}.hint{position:fixed;left:50%;bottom:calc(232px + var(--safe-bottom));transform:translate(-50%);margin:0;padding:8px 14px;border-radius:16px;font-size:13px;white-space:nowrap;background:#140e128c;color:var(--text);pointer-events:none;animation:fadein .6s ease}.toast{position:fixed;left:50%;bottom:calc(172px + var(--safe-bottom));transform:translate(-50%,10px);width:max-content;max-width:calc(100vw - 40px);padding:10px 16px;border-radius:18px;font-size:14px;text-align:center;background:#fff4e4f2;color:#3a2418;box-shadow:0 8px 24px #0000004d;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:60}.toast.show{opacity:1;transform:translate(-50%)}.room-chip{position:fixed;top:calc(64px + var(--safe-top));left:66px;height:30px;padding:0 12px;border-radius:15px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text);background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.room-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:#7bd88f}.room-chip[data-status=connecting]:before,.room-chip[data-status=reconnecting]:before{background:#ffd166}.room-chip[data-status=offline]:before,.room-chip[data-status=full]:before{background:#9a8a80}.mp-toast{position:fixed;left:50%;top:calc(104px + var(--safe-top));transform:translate(-50%);z-index:65;width:min(360px,calc(100vw - 32px));display:flex;align-items:center;gap:10px;padding:10px 10px 10px 16px;border-radius:18px;background:#fff4e4f5;color:#3a2418;box-shadow:0 8px 24px #0000004d;animation:fadein .25s ease}.mp-toast p{margin:0;flex:1;font-size:14px;font-weight:700;line-height:1.4}.mp-toast .clap{flex:none;border:0;border-radius:14px;padding:9px 14px;background:var(--accent);color:var(--accent-ink);font-size:14px;font-weight:800}.name-tag.remote{padding:3px 10px;background:#22181ec7;color:var(--text);font-weight:600}.bubble.remote{font-size:12px;padding:5px 10px}.rooms{display:flex;flex-direction:column;gap:8px}.room-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff0f;text-align:left;font-size:14px}.room-row span{color:var(--sub);font-size:13px}.room-row em{font-style:normal;font-size:12px;font-weight:800;padding:3px 9px;border-radius:9px;background:var(--accent);color:var(--accent-ink)}.room-row.here{border-color:var(--accent)}.room-row.here em{background:#7bd88f;color:#13301a}.room-row:disabled:not(.here){opacity:.55}.room-row:disabled:not(.here) em{background:#ffffff26;color:var(--sub)}.rooms .secondary{margin-top:4px}.emote-picker{position:fixed;left:50%;bottom:calc(108px + var(--safe-bottom));transform:translate(-50%);z-index:30;display:grid;grid-template-columns:repeat(4,auto);gap:6px;padding:6px;border-radius:22px;background:var(--panel-solid);border:1px solid var(--line);box-shadow:0 8px 26px #00000059;animation:fadein .15s ease}.emote-picker button{border:0;border-radius:16px;padding:11px 12px;background:#ffffff12;font-size:14px;font-weight:700;white-space:nowrap}.emote-picker button:active{background:#ffb35c40}.bottombar{transition:opacity .2s,transform .2s}.sheet-open .bottombar{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.bottombar{position:fixed;left:50%;bottom:calc(14px + var(--safe-bottom));transform:translate(-50%);width:min(420px,calc(100vw - 32px));height:84px;border-radius:42px;display:grid;grid-template-columns:repeat(3,1fr);padding:6px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 26px #0000004d}.bottombar button{border:0;background:none;border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:15px;font-weight:700}.bottombar button svg{width:26px;height:26px}.bottombar button:active,.bottombar button.active{background:#ffb35c2e;color:#ffd9a8}.station-tag{position:absolute;left:0;top:0;pointer-events:auto;border:1px solid rgba(255,226,186,.35);background:#22181eb3;color:var(--text);padding:6px 12px;border-radius:14px;font-size:13px;font-weight:700;white-space:nowrap;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.station-tag.near{background:var(--accent);color:var(--accent-ink);border-color:transparent}.station-tag.edge{opacity:.85;font-size:12px;padding:5px 10px}.station-tag.edge-left:before{content:"‹ "}.station-tag.edge-right:after{content:" ›"}.name-tag,.bubble{position:absolute;left:0;top:0;white-space:nowrap}.name-tag{padding:3px 10px 3px 4px;border-radius:12px;background:#fff4e4eb;color:#3a2418;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.name-tag b{width:18px;height:18px;border-radius:50%;background:#6b4a3a;color:#fff;display:grid;place-items:center;font-size:11px}.bubble{padding:6px 12px;border-radius:14px;background:#fff;color:#3a2418;font-size:13px;font-weight:700}.sheet-backdrop{position:fixed;inset:0;background:#0a060a73;z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fadein .2s ease}.sheet{width:min(560px,100vw);max-height:calc(100vh - 70px - var(--safe-top));overflow:auto;overscroll-behavior:contain;background:var(--panel-solid);border:1px solid var(--line);border-bottom:0;border-radius:26px 26px 0 0;padding:18px 18px calc(22px + var(--safe-bottom));box-shadow:0 -12px 40px #0006;animation:rise .28s cubic-bezier(.2,.9,.3,1.1)}.sheet header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.sheet h2{margin:0;font-size:20px}.sheet header p{margin:4px 0 0;font-size:13px;color:var(--sub)}.sheet .close{margin-left:auto;flex:none;border:1px solid var(--line);background:#ffffff0f;border-radius:18px;padding:8px 14px;font-size:14px}@media(min-width:760px){.sheet-backdrop{align-items:center}.sheet{border-radius:26px;border-bottom:1px solid var(--line);max-height:calc(100vh - 120px)}}.primary,.secondary{display:block;width:100%;border-radius:22px;padding:14px 18px;font-size:16px;font-weight:800;text-align:center;text-decoration:none;border:0}.primary{background:var(--accent);color:var(--accent-ink)}.secondary{background:#ffffff14;color:var(--text);border:1px solid var(--line)}.primary:disabled{opacity:.45}.kuji-stock{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:0;list-style:none}.kuji-stock li{font-size:12px;padding:4px 9px;border-radius:10px;background:#ffffff12;color:var(--sub)}.kuji-stock li b{color:var(--text)}.kuji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ticket{aspect-ratio:.82;border:0;border-radius:8px;position:relative;overflow:hidden;padding:0;background:var(--tc, #ffb3b3);box-shadow:inset 0 -6px #00000014,0 3px #00000040}.ticket:before{content:"";position:absolute;left:0;right:0;top:0;height:46%;background:linear-gradient(180deg,#ffffff8c,#ffffff40);clip-path:polygon(0 0,100% 0,50% 100%)}.ticket span{position:absolute;bottom:6px;left:0;right:0;font-size:11px;font-weight:700;color:#3c1e1499}.ticket.torn{background:#4a3a40;box-shadow:none}.ticket.torn:before{display:none}.ticket.torn span{top:50%;bottom:auto;transform:translateY(-50%);font-size:18px;font-weight:900;color:#ffd9a8}.ticket:disabled:not(.torn){filter:grayscale(.6) brightness(.7)}.kuji-note{margin:12px 0 0;font-size:13px;color:var(--sub);text-align:center}.reveal{display:flex;flex-direction:column;align-items:center;gap:12px;padding:6px 0 4px}.big-ticket{width:210px;height:250px;position:relative}.big-ticket .inside{position:absolute;inset:0;border-radius:14px;background:var(--paper);color:#3a2418;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden}.big-ticket .grade{font-size:46px;font-weight:900;line-height:1;opacity:0;transform:scale(.6);transition:.35s cubic-bezier(.2,1.4,.4,1)}.big-ticket .grade.g-A{color:#d6336c}.big-ticket .grade.g-B{color:#e8590c}.big-ticket img{width:150px;height:150px;object-fit:contain;opacity:0;transform:translateY(14px) scale(.8);transition:.45s .25s cubic-bezier(.2,1.4,.4,1)}.big-ticket.open .grade,.big-ticket.open img{opacity:1;transform:none}.big-ticket .flap{position:absolute;inset:0;border-radius:14px;background:var(--tc, #ffb3b3);display:grid;place-items:center;font-size:15px;font-weight:800;color:#3c1e1499;transform-origin:100% 0;box-shadow:0 6px 18px #0000004d;pointer-events:none;background-image:radial-gradient(circle at 50% 0,rgba(255,255,255,.5) 0 18px,transparent 19px)}.big-ticket .flap:after{content:"";position:absolute;left:10px;right:10px;top:22px;border-top:3px dashed rgba(60,30,20,.35)}.big-ticket.tearing .flap{animation:tear .55s cubic-bezier(.5,0,.6,1) forwards}.big-ticket.rare:before{content:"";position:absolute;inset:-26px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,102,.55),transparent 65%);animation:pulse 1.6s ease-in-out infinite}.reveal .result{margin:0;font-size:16px;font-weight:700;text-align:center}.reveal .result small{display:block;margin-top:4px;font-size:13px;color:var(--sub);font-weight:500}.board-chips{display:flex;gap:6px;overflow-x:auto;margin:0 -18px 12px;padding:2px 18px 6px;scrollbar-width:none}.board-chips::-webkit-scrollbar{display:none}.chip{flex:none;display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:16px;font-size:13px;font-weight:700;border:1px solid var(--line);background:#ffffff0f;color:var(--sub);white-space:nowrap}.chip:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--chip)}.chip em{font-style:normal;font-size:10px;font-weight:800;padding:1px 6px;border-radius:8px;background:var(--accent);color:var(--accent-ink)}.chip.active{background:var(--paper);color:#3a2418;border-color:transparent}.board-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;margin-bottom:8px}.board-head h3{margin:0;font-size:16px}.board-head .slots-left{font-size:13px;color:var(--sub)}.board-head .last-one-line{grid-column:1 / -1;margin:2px 0 0;font-size:12px;color:var(--sub)}.board-head .last-one-line b{color:var(--accent-ink);background:var(--accent);padding:1px 6px;border-radius:7px;margin-right:4px;font-size:11px}.kuji-grid.style-ticket[data-slots="12"]{grid-template-columns:repeat(4,1fr)}.kuji-grid.wrap-stripe .ticket:not(.torn){background-image:repeating-linear-gradient(135deg,transparent 0 9px,rgba(255,255,255,.35) 9px 15px)}.kuji-grid.wrap-dot .ticket:not(.torn){background-image:radial-gradient(rgba(255,255,255,.5) 2.5px,transparent 3px);background-size:12px 12px}.kuji-grid.wrap-check .ticket:not(.torn){background-image:linear-gradient(90deg,rgba(255,255,255,.28) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.28) 50%,transparent 50%);background-size:14px 14px}.kuji-grid.style-mungu{grid-template-columns:repeat(8,1fr);gap:3px;padding:8px;border-radius:10px;background:#e8d5b0;box-shadow:inset 0 0 0 3px #c0392b,inset 0 0 0 6px #e8d5b0,inset 0 0 0 7px #c0392b}.style-mungu .ticket{aspect-ratio:1;border-radius:2px;box-shadow:none;background:var(--tc);border:1px dashed rgba(120,60,30,.45)}.style-mungu .ticket:before{display:none}.style-mungu .ticket span{bottom:auto;top:50%;transform:translateY(-50%);font-size:10px;color:#783c1eb3}.style-mungu .ticket.torn{background:#b89c74;border-style:solid}.style-mungu .ticket.torn span{font-size:12px;color:#fff4e4}.strip-view{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:8px 0}.strip-view h3{margin:0;font-size:15px;text-align:center}.strip{--p: 0;position:relative;height:120px;border-radius:6px;background:#f7efe0;touch-action:none;cursor:grab;overflow:hidden;box-shadow:0 6px 18px #00000059,inset 0 0 0 2px #c0392b80;outline-offset:3px}.strip-no{position:absolute;left:16px;top:12px;font-size:22px;font-weight:900;color:#c0392b}.strip-line{position:absolute;left:6%;right:6%;top:60%;border-top:3px dashed rgba(120,60,30,.55)}.strip-torn{position:absolute;left:6%;top:calc(60% - 4px);height:8px;width:calc(88% * var(--p));background:#3a2418;border-radius:4px;clip-path:polygon(0 40%,5% 0,10% 60%,15% 10%,20% 70%,25% 0,30% 60%,35% 10%,40% 80%,45% 0,50% 60%,55% 10%,60% 70%,65% 0,70% 60%,75% 10%,80% 70%,85% 0,90% 60%,95% 10%,100% 50%,100% 100%,0 100%)}.strip-hand{position:absolute;top:calc(60% - 30px);left:calc(6% + 88% * var(--p) - 10px);font-size:22px;color:#c0392b;animation:nudge 1.2s ease-in-out infinite}.big-ticket.retro .inside{background:#f7efe0;box-shadow:inset 0 0 0 3px #c0392b}.big-ticket.retro .flap{border-radius:4px;background-image:none}.reveal.has-last .big-ticket{height:210px}.reveal.has-last .big-ticket img{width:120px;height:120px}.last-one{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 12px;padding:10px 12px;border-radius:16px;background:#ffd6661f;border:1px solid rgba(255,214,102,.45)}.last-one .badge{grid-column:1 / -1;justify-self:start;font-size:12px;font-weight:900;padding:2px 9px;border-radius:9px;background:#ffd166;color:#3a2418}.last-one img{width:72px;height:72px;object-fit:contain}.last-one p{margin:0;font-weight:800;font-size:15px}.last-one small{display:block;font-weight:500;font-size:12px;color:var(--sub);margin-top:2px}.share-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-row .secondary{padding:11px 10px;font-size:14px}.share-slot .share-row{margin-bottom:10px}.wall-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.wall-list li{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;background:#ffffff0f;border-left:5px solid var(--accent)}.wall-list img{width:56px;height:56px;object-fit:contain;flex:none}.wall-list b{display:block;font-size:14px}.wall-list small{color:var(--sub);font-size:12px}.wall-empty{padding:20px 0}.machine-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.machine-switch button{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:8px 6px;font-size:14px;font-weight:800;color:var(--sub)}.machine-switch small{display:block;font-size:11px;font-weight:500;margin-top:2px}.machine-switch .red.active{background:#d9534f;color:#fff;border-color:transparent}.machine-switch .green.active{background:#3f9c8f;color:#fff;border-color:transparent}.machine-switch .active small{color:#ffffffd9}.gacha[data-machine=green] .body{background:linear-gradient(180deg,#48ad9f,#2f7f74)}.gacha .prize.rare:before{background:radial-gradient(circle,rgba(134,196,180,.6),transparent 65%)}.gacha{position:relative;height:380px;display:flex;justify-content:center}.gacha .machine{position:relative;width:230px;height:360px}.gacha .dome{position:absolute;left:15px;top:0;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff8c,#bee1ff2e 45%,#78aadc40);border:3px solid rgba(255,255,255,.4);overflow:hidden}.gacha .dome i{position:absolute;width:46px;height:46px;border-radius:50%;background:linear-gradient(180deg,var(--c) 50%,#fff 50%);box-shadow:inset -4px -4px #0000001f}.gacha .dome.shake i{animation:jiggle .3s ease-in-out 3}.gacha .body{position:absolute;left:0;top:182px;width:230px;height:170px;border-radius:22px 22px 16px 16px;background:linear-gradient(180deg,#e0584f,#b8403a);box-shadow:inset 0 -10px #00000026}.gacha .plate{position:absolute;left:20px;top:16px;padding:3px 10px;border-radius:8px;background:var(--paper);color:#7a3524;font-size:13px;font-weight:900}.gacha .handle{position:absolute;left:112px;top:30px;width:88px;height:88px;border-radius:50%;border:0;padding:0;background:radial-gradient(circle,#fff7ea 55%,#e9d6bd 56%);box-shadow:0 4px #0003;touch-action:none}.gacha .handle .bar{position:absolute;left:50%;top:50%;width:72px;height:18px;margin:-9px 0 0 -36px;border-radius:9px;background:#6b4a3a}.gacha .handle .bar:after{content:"";position:absolute;right:6px;top:4px;width:10px;height:10px;border-radius:50%;background:#ffb35c}.gacha .chute{position:absolute;left:22px;top:100px;width:70px;height:52px;border-radius:14px 14px 8px 8px;background:#2a1712;box-shadow:inset 0 6px 10px #0009}.gacha .capsule{position:absolute;left:83px;top:292px;width:64px;height:64px;border:0;padding:0;background:none;opacity:0;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}.gacha .capsule.out{animation:roll .9s cubic-bezier(.3,.7,.4,1) forwards;pointer-events:auto}.gacha .capsule .half{position:absolute;left:0;width:64px;height:32px;transition:transform .5s cubic-bezier(.2,1.3,.4,1),opacity .5s .2s}.gacha .capsule .top{top:0;border-radius:32px 32px 0 0;background:var(--c);box-shadow:inset -5px 4px #ffffff4d}.gacha .capsule .bottom{top:32px;border-radius:0 0 32px 32px;background:#fdf8f0;box-shadow:inset -5px -4px #0000001a}.gacha .capsule.opened .top{transform:translate(-30px,-60px) rotate(-40deg);opacity:0}.gacha .capsule.opened .bottom{transform:translate(30px,30px) rotate(30deg);opacity:0}.gacha .prize{position:absolute;left:50%;top:120px;width:220px;margin-left:-110px;text-align:center;opacity:0;transform:scale(.6);transition:.45s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.gacha .prize.show{opacity:1;transform:none}.gacha .dome,.gacha .body{transition:opacity .4s,filter .4s}.gacha .machine.opened .dome,.gacha .machine.opened .body{opacity:.25;filter:blur(1px)}.gacha .prize:before{content:"";position:absolute;left:50%;top:85px;width:260px;height:260px;margin:-130px 0 0 -130px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(255,214,150,.35),transparent 65%)}.gacha .prize img{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.gacha .prize p{margin:4px 0 0;font-weight:800;font-size:17px;text-shadow:0 2px 6px rgba(0,0,0,.6)}.gacha .prize small{display:block;font-weight:500;font-size:13px;color:var(--sub)}.gacha-note{text-align:center;margin:6px 0 12px;color:var(--sub);font-size:14px;min-height:20px}.fish-stats{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:13px;color:var(--sub)}.fish-stats b{color:var(--text);font-size:16px}.fish-wrap{position:relative;display:flex;justify-content:center}.fish-wrap canvas{display:block;touch-action:none;border-radius:20px}.fish-wrap .torn-msg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:240px;background:#22181ee0;border-radius:20px;padding:16px;border:1px solid var(--line)}.fish-wrap .torn-msg p{margin:0 0 12px;font-weight:700}.fish-rare{margin:10px 0 0;text-align:center;font-size:13px;color:var(--sub)}.fish-rare.caught{color:#ffd166;font-weight:800}.celebrate{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:#0a060a8c;animation:fadein .3s ease;overflow:hidden}.celebrate-card{position:relative;width:min(360px,100%);text-align:center;display:flex;flex-direction:column;gap:10px;padding:22px 18px 18px;border-radius:26px;background:var(--panel-solid);border:2px solid var(--accent);box-shadow:0 16px 50px #00000080;animation:rise .35s cubic-bezier(.2,.9,.3,1.2)}.celebrate-card .eyebrow{margin:0;font-size:12px;font-weight:800;color:var(--accent);letter-spacing:1px}.celebrate-card h2{margin:0;font-size:20px}.celebrate-card p{margin:0;font-size:13px;color:var(--sub)}.celebrate-figs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;justify-items:center}.celebrate-figs img{width:64px;height:64px;object-fit:contain}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:confetti linear infinite}.device-note{margin:0 0 6px;padding:10px 12px;border-radius:14px;background:#ffb35c1a;font-size:13px;line-height:1.55;color:var(--sub)}.device-note b{color:var(--text);margin-right:4px}.dex-series.complete h3 em{color:var(--accent);font-weight:800}.dex-progress{height:8px;border-radius:4px;background:#ffffff14;overflow:hidden;margin-bottom:14px}.dex-progress i{display:block;height:100%;background:var(--accent);border-radius:4px}.dex-series{margin-bottom:16px}.dex-series h3{margin:0 0 8px;font-size:15px;display:flex;align-items:baseline;gap:8px}.dex-series h3 small{color:var(--sub);font-weight:500;font-size:12px}.dex-series h3 em{margin-left:auto;font-style:normal;font-size:12px;color:var(--sub)}.dex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(min-width:480px){.dex-grid{grid-template-columns:repeat(6,1fr)}}.dex-card{position:relative;border-radius:14px;background:#ffffff0f;padding:6px 4px 8px;text-align:center;border:2px solid transparent;min-width:0}button.dex-card{font:inherit;color:inherit}.dex-card.mine{border-color:var(--accent)}.dex-card.mine:after{content:"내 모습";position:absolute;top:4px;left:4px;font-size:10px;font-weight:800;padding:1px 6px;border-radius:7px;background:var(--accent);color:var(--accent-ink)}.dex-mine{margin:-6px 0 12px;font-size:12px;color:var(--sub)}.dex-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.dex-card.missing img{filter:brightness(0) invert(.15);opacity:.55}.dex-card span{display:block;font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dex-card.missing span{color:var(--sub)}.dex-card .n{position:absolute;top:4px;right:6px;font-size:11px;font-weight:800;color:var(--accent)}.setting-row{display:grid;grid-template-columns:76px 1fr 40px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.setting-row input{width:100%;accent-color:var(--accent)}.setting-row output{text-align:right;color:var(--sub);font-size:13px}.sheet details{margin-top:14px;font-size:13px;color:var(--sub);line-height:1.6}.sheet summary{color:var(--text);font-weight:700;cursor:pointer}.sheet details p{margin:6px 0 0}.screen{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 30%,#3a2530,#120d16 70%)}.screen-card{width:min(360px,100%);text-align:center;display:flex;flex-direction:column;gap:12px}.screen-card h1{margin:0;font-size:26px}.screen-card p{margin:0;color:var(--sub);line-height:1.6}.screen-card .eyebrow{font-size:12px;letter-spacing:1px;color:var(--accent)}.screen-card .primary{margin-top:14px}.loading-bar{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden;margin-top:8px}.loading-bar i{display:block;height:100%;width:40%;border-radius:3px;background:var(--accent);animation:loading 1.2s ease-in-out infinite}@keyframes fadein{0%{opacity:0}}@keyframes rise{0%{transform:translateY(40px);opacity:0}}@keyframes tear{0%{transform:none}30%{transform:rotate(4deg) translate(6px,-4px)}to{transform:rotate(38deg) translate(160px,-120px);opacity:0}}@keyframes pulse{50%{opacity:.5;transform:scale(.94)}}@keyframes roll{0%{opacity:1;transform:translate(-58px,-8px) scale(.4) rotate(0)}40%{opacity:1;transform:translate(-44px,14px) scale(.85) rotate(140deg)}to{opacity:1;transform:translate(0) scale(1) rotate(380deg)}}@keyframes jiggle{50%{transform:translate(3px,-5px) rotate(12deg)}}@keyframes confetti{to{transform:translateY(110vh) rotate(540deg)}}@keyframes nudge{50%{transform:translate(8px)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}