:root{--pink:#e85d75;--gold:#ffd34d;--ink:#2b2440;--font: "Jua", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root,.app{margin:0;height:100%;width:100%;overflow:hidden;background:#2a2438;font-family:var(--font);color:#fff}canvas{touch-action:none}button,input{font:inherit}.btn{border:0;border-radius:999px;padding:10px 16px;background:#1e1834b8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.btn:hover{background:#322850d9}.btn.primary{background:var(--pink)}.btn.wide{width:100%;justify-content:center;margin-top:10px}.link{background:none;border:0;color:#fffc;text-decoration:underline;cursor:pointer;font-size:13px}.row{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:12px}.row.wrap{flex-wrap:wrap}.hint{font-size:12px;color:#fff9;margin-top:8px;text-align:center}.small{font-size:14px;line-height:1.6;color:#ffffffe0}.center{text-align:center}.dim{color:#ffffff80;font-size:.7em;margin-left:2px}.nick{font-size:12px;background:#1e1834b3;padding:2px 8px;border-radius:999px;white-space:nowrap;color:#fff}.nick-me{background:#e85d75eb}.pop{font-size:22px;padding:4px 12px;border-radius:12px;color:#fff;white-space:nowrap;animation:pop 1.7s ease-out forwards;box-shadow:0 4px 14px #00000040}@keyframes pop{0%{transform:translateY(10px) scale(.6);opacity:0}15%{transform:translateY(0) scale(1.1);opacity:1}70%{opacity:1}to{transform:translateY(-40px);opacity:0}}.shutter-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1d1830;overflow:hidden;transition:opacity .5s 1s}.shutter-wrap.open{opacity:0;pointer-events:none;background:transparent}.shop-sign{position:absolute;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:center;background:#2b2440;color:var(--gold);font-size:34px;z-index:3;border-bottom:6px solid #ffd34d}.shutter{position:absolute;top:86px;left:0;right:0;bottom:0;z-index:2;transition:transform 1.2s cubic-bezier(.6,.05,.3,1);background:repeating-linear-gradient(180deg,#b9bcc6 0,#b9bcc6 22px,#9ea2ae 22px,#9ea2ae 26px,#c9ccd5 26px,#c9ccd5 30px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:12vh}.shutter-text{font-size:22px;color:#3d3f4a;background:#ffffffbf;padding:10px 22px;border-radius:999px}.shutter-glow{position:absolute;left:0;right:0;bottom:0;height:30vh;background:linear-gradient(0deg,rgba(255,240,190,.9),transparent);z-index:1}.nick-card{width:min(360px,calc(100vw - 32px));background:#1e1834f0;border-radius:20px;padding:20px;box-shadow:0 10px 40px #0006}.nick-title{font-size:19px;text-align:center;margin-bottom:12px}.nick-card input{width:100%;padding:12px 14px;border-radius:12px;border:0;font-size:17px;outline:none}.terms-note{margin-top:12px;text-align:center;font-size:12px;color:#fff9}.terms-note a,.terms-link{color:inherit;text-decoration:underline}.terms-link{display:block;margin-top:10px;text-align:center;font-size:12px;color:#8a8070}.err{color:#ff9aa8;font-size:13px;margin-top:6px;text-align:center}.hud-top{position:fixed;top:12px;left:12px;right:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;pointer-events:none;z-index:5}.brand{font-size:22px;color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.4);margin-right:4px}.chip{font-size:13px;background:#1e1834a6;padding:5px 10px;border-radius:999px}.chip.demo{background:#ffc85059}.hud-bottom{position:fixed;bottom:16px;left:0;right:0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:0 12px;z-index:5}.banner{position:fixed;top:54px;left:50%;transform:translate(-50%);max-width:calc(100vw - 24px);background:linear-gradient(90deg,#e85d75,#f5a142);padding:9px 18px;border-radius:999px;font-size:15px;text-align:center;z-index:6;animation:drop .35s ease-out;box-shadow:0 6px 20px #0000004d}@keyframes drop{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.guide{position:fixed;bottom:72px;left:50%;transform:translate(-50%);font-size:14px;background:#1e183499;padding:7px 14px;border-radius:999px;white-space:nowrap;pointer-events:none}.queue-pill{position:fixed;bottom:72px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;background:#1e1834d9;padding:9px 16px;border-radius:999px;font-size:15px;white-space:nowrap;z-index:5;max-width:calc(100vw - 16px);overflow-x:auto}.turn-hud{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#1e1834d9;padding:8px 14px 8px 8px;border-radius:999px;z-index:6;max-width:calc(100vw - 16px)}.turn-count{font-size:20px;color:var(--gold)}.turn-sub{font-size:12px;color:#fffc}.big{position:fixed;top:22%;left:0;right:0;text-align:center;pointer-events:none;z-index:7;animation:bigpop .45s cubic-bezier(.2,1.6,.4,1)}.big-title{font-size:clamp(40px,10vw,76px);text-shadow:0 4px 0 rgba(0,0,0,.25),0 0 30px rgba(255,255,255,.5);-webkit-text-stroke:2px #fff}.big-sub{font-size:18px;margin-top:6px;background:#1e1834bf;display:inline-block;padding:6px 16px;border-radius:999px}@keyframes bigpop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.card,.sheet{background:#1e1834f0;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #0006}.card{position:fixed;left:50%;transform:translate(-50%);bottom:76px;width:min(360px,calc(100% - 32px));z-index:8}.card.arrival{bottom:auto;top:90px}.card-head{display:flex;align-items:center;gap:6px}.card-head .seq{margin-left:auto;font-size:12px;color:#fff9}.card-title{font-size:24px;text-align:center;margin:10px 0 6px;line-height:1.3}.x{background:none;border:0;color:#fff;font-size:16px;cursor:pointer}.tag{font-size:12px;padding:3px 9px;border-radius:999px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a08148c;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.sheet{width:min(420px,100%);max-height:calc(100vh - 32px);overflow:auto}.small-sheet{width:min(360px,100%)}.sheet-title{font-size:20px;text-align:center;margin-bottom:8px}.result-img{display:block;width:100%;max-height:52vh;object-fit:contain;border-radius:12px;margin-top:6px}.ring{flex:none}.toasts{position:fixed;top:96px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:9;align-items:flex-end;max-width:calc(100vw - 24px)}.toast{background:#1e1834e0;padding:8px 14px;border-radius:12px;font-size:14px;animation:drop2 .3s ease-out}@keyframes drop2{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.line-row{display:flex;align-items:center;gap:10px;width:100%;border:0;background:#ffffff12;color:#fff;padding:12px 14px;border-radius:14px;margin-top:8px;cursor:pointer;text-align:left}.line-row:hover{background:#ffffff24}.line-dot{width:14px;height:14px;border-radius:50%;flex:none}.line-name{flex:1;font-size:16px}.line-a{font-size:12px;padding:3px 8px;border-radius:999px;background:#ffffff1f;color:#ffffff8c}.line-a.on{background:#e8424f;color:#fff}.line-q{font-size:13px;color:#ffffffbf;white-space:nowrap}.menu-btn{pointer-events:auto;margin-left:auto;width:38px;height:38px;border:0;border-radius:12px;background:#1e1834a6;color:#fff;font-size:19px;line-height:1;cursor:pointer}.menu-btn:hover{background:#322850d9}.menu-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15}.menu-pop{position:absolute;right:12px;width:min(260px,calc(100vw - 24px));background:#1e1834f5;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:6px;box-shadow:0 10px 40px #0006;display:flex;flex-direction:column}.menu-item{display:block;text-align:left;border:0;background:none;color:#fff;font-family:inherit;font-size:15px;padding:12px;border-radius:10px;cursor:pointer;text-decoration:none}.menu-item:hover{background:#ffffff14}.chip.tap{pointer-events:auto;border:0;color:#fff;cursor:pointer;font-family:inherit}.chip.tap:hover{background:#322850d9}.chip.night{background:#282c8cbf}.btn.icon{padding:10px 12px}.nick-owner{background:#c9a35af2;color:#2b2440}.swap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(180deg,#b9bcc6 0,#b9bcc6 22px,#9ea2ae 22px,#9ea2ae 26px,#c9ccd5 26px,#c9ccd5 30px)}.swap.down{animation:swapDown .65s cubic-bezier(.6,.05,.3,1) forwards}.swap.up{animation:swapUp .85s cubic-bezier(.6,.05,.3,1) forwards}@keyframes swapDown{0%{transform:translateY(-100%)}to{transform:none}}@keyframes swapUp{0%{transform:none}to{transform:translateY(-100%)}}.swap-sign{font-size:30px;color:var(--gold);background:#2b2440;padding:12px 26px;border-radius:16px;border-bottom:5px solid var(--gold)}.line-row:disabled{cursor:default}.line-row.disabled{opacity:.45}.here{font-size:11px;background:var(--gold);color:#2b2440;padding:2px 7px;border-radius:999px}.col-row{margin-top:12px}.col-name{display:flex;align-items:center;gap:6px;font-size:15px;margin-bottom:6px}.col-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:4px}.col-cell{position:relative;aspect-ratio:1;border:0;border-radius:8px;background:#ffffff12;color:#ffffff40;font-family:inherit;font-size:15px;padding:0;cursor:default}.col-cell.on{color:#fff;cursor:pointer;box-shadow:inset 0 -3px #0003}.col-cell i{position:absolute;right:1px;bottom:0;font-style:normal;font-size:9px}.viewer{height:240px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#fff6e3,#e9dcc4)}.npc{position:fixed;left:50%;transform:translate(-50%);bottom:14px;z-index:30;width:min(760px,calc(100% - 32px));pointer-events:none;animation:npc-in .25s ease-out}@keyframes npc-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.npc-portrait{position:absolute;left:-6px;bottom:118px;width:230px;height:270px;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.npc-box{position:relative;pointer-events:auto;cursor:pointer;min-height:150px;padding:30px 22px 16px;border-radius:14px;background:linear-gradient(180deg,#1e1c34f5,#121224f7);border:2px solid #c9a35a;box-shadow:0 0 0 4px #141224e6,0 0 0 5px #c9a35a73,0 14px 40px #00000080;color:#fff}.npc-name{position:absolute;top:-15px;left:22px;padding:5px 14px;border-radius:8px;background:#c9a35a;color:#2b2440;font-size:13px;box-shadow:0 3px 10px #00000059;border:1px solid rgba(255,255,255,.35)}.npc-x{position:absolute;top:8px;right:10px;border:0;background:none;color:#fff9;font-size:16px;cursor:pointer}.npc-text{margin:0;min-height:52px;font-size:15px;line-height:1.7;white-space:pre-line}.npc-caret{opacity:.7;animation:npc-blink .8s steps(2) infinite}@keyframes npc-blink{50%{opacity:0}}.npc-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.npc-btn{border:1px solid rgba(201,163,90,.7);background:#c9a35a24;color:#ffe6a8;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;font-family:inherit}.npc-btn:hover{background:#c9a35a47}.npc-btn.main{background:#e85d75;border-color:#ff9fb0;color:#fff}.npc-feed{margin-right:auto;border:0;background:none;color:#fff9;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-family:inherit}.npc-feed:hover{color:#ffffffe6}.npc-dots{position:absolute;bottom:8px;left:22px;display:flex;gap:5px}.npc-dots span{width:6px;height:6px;border-radius:50%;background:#fff3}.npc-dots span.on{background:#c9a35a}@media (max-width: 480px){.npc{width:calc(100% - 16px);bottom:8px}.npc-portrait{width:150px;height:180px;bottom:150px;left:-4px}.npc-box{padding:26px 16px 14px}.npc-text{font-size:14px}.col-cell{font-size:12px;border-radius:6px}.col-grid{gap:3px}}@media (max-width: 480px){.banner{top:92px;font-size:14px}.toasts{top:136px}.brand{font-size:20px}}.banner,.toasts{z-index:12}@media (max-width: 480px){.hud-bottom{gap:6px;padding:0 8px}.hud-bottom .btn{padding:9px 11px;font-size:14px}}@media (max-width: 400px){.hud-bottom{gap:4px;padding:0 4px;flex-wrap:nowrap}.hud-bottom .btn{padding:8px 9px;font-size:13px;gap:3px;white-space:nowrap}.hud-bottom .btn.icon{padding:8px}}.turn-panel{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 16px));background:#1e1834eb;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:10px 12px 12px;z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.turn-row{display:flex;align-items:center;gap:12px}.turn-row .turn-count b{color:#9dff57}.count-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.count-btn{border:0;border-radius:12px;padding:10px 0;font-family:inherit;font-size:16px;background:#ffffff1a;color:#fff;cursor:pointer}.count-btn:hover{background:var(--pink)}.count-btn:disabled{opacity:.3;cursor:default;background:#ffffff0f}.btn:disabled{opacity:.4;cursor:default}.big-tag{font-size:16px;padding:6px 12px;flex:none}.big{top:9%}.tabs{display:flex;gap:6px;overflow-x:auto;margin:12px 0 4px;padding-bottom:2px}.tab{flex:none;display:flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:8px 12px;font-family:inherit;font-size:14px;background:#ffffff14;color:#ffffffbf;cursor:pointer}.tab.on{background:#fff;color:#2b2440}.tab-n{font-size:11px;opacity:.6}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}.chip-f{border:0;border-radius:999px;padding:5px 11px;font-family:inherit;font-size:13px;background:#ffffff14;color:#fff;cursor:pointer}.chip-f.on{background:#fff;color:#2b2440}.chip-f.on[style]{color:#fff}.thumb{flex:none;border-radius:12px;background:radial-gradient(circle at 50% 40%,#fff8ea,#eadfca);overflow:hidden;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:contain;display:block}.thumb.dim{background:#ffffff0f}.thumb.dim img{filter:brightness(0) opacity(.28)}.col-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;margin-top:10px}.col-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;border-radius:14px;padding:8px 4px;background:#ffffff0d;color:#fff;font-family:inherit;cursor:default}.col-card.on{background:#ffffff1a;cursor:pointer}.col-card.on:hover{background:#ffffff29}.col-tier{font-size:13px;padding:2px 10px;border-radius:999px;background:#ffffff1a;color:#ffffff80}.col-goods{font-size:11px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.col-n{position:absolute;top:6px;right:8px;font-style:normal;font-size:12px;color:#ffd34d}.result-top{text-align:center;margin:10px 0 2px;font-size:20px;color:#ffd34d}.photo-box{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:min(440px,100%)}.photo-box img{width:100%;max-height:calc(100vh - 140px);object-fit:contain;border-radius:6px;box-shadow:0 18px 50px #00000080;transform:rotate(-1.2deg)}.photo-box .hint{font-size:13px;color:#ffffffbf}.result-sheet{width:min(540px,100%)}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;max-height:56vh;overflow:auto}.result-cards.two{grid-template-columns:repeat(2,minmax(0,170px));justify-content:center}.result-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff12;border-radius:14px;padding:6px 6px 8px;min-width:0}.result-card.top{background:#ffd34d29;box-shadow:inset 0 0 0 2px #ffd34d99}.result-card .thumb{border-radius:10px}.result-card .tag{font-size:13px;margin-top:2px}.result-name{font-size:14px;line-height:1.1;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-n{position:absolute;top:10px;right:10px;font-size:16px;color:#2b2440;background:#ffd34d;border-radius:999px;padding:1px 8px}.hall-page{width:min(480px,100%)}.hall-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:50vh;overflow:auto}.hall-row{display:flex;align-items:center;gap:4px;background:#ffffff12;border-radius:14px;padding-right:6px}.hall-row.me{background:#e85d752e}.hall-main{flex:1;display:flex;align-items:center;gap:10px;border:0;background:none;color:#fff;font-family:inherit;text-align:left;padding:6px;cursor:pointer}.hall-text{display:flex;flex-direction:column;gap:2px;font-size:15px}.hall-text .tag{font-size:11px}.hall-sub{font-size:12px;color:#fff9}.rank-row{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:14px;padding:10px 12px}.rank-row.me{background:#e85d752e}.rank-no{width:28px;text-align:center;font-size:18px}.rank-name{flex:1;font-size:15px}.rank-c{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.rank-c .tag{font-size:11px}.get-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;gap:12px;background:radial-gradient(ellipse at 50% 35%,#3c306ed1,#080614f0 70%);animation:get-in .35s ease-out}@keyframes get-in{0%{opacity:0}to{opacity:1}}.get-stage{position:relative;flex:1;min-height:0;overflow:hidden}.get-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.get-rays{position:absolute;left:50%;top:34%;width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;pointer-events:none;background:repeating-conic-gradient(from 0deg,#ffecaa52,#ffecaa52 5deg,#ffecaa00 5deg,#ffecaa00 15deg);-webkit-mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.7) 12%,transparent 42%);mask-image:radial-gradient(circle,#000 0,rgba(0,0,0,.7) 12%,transparent 42%);animation:get-spin 18s linear infinite,get-rays-in .6s ease-out}@keyframes get-spin{to{transform:rotate(360deg)}}@keyframes get-rays-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.get-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#fff,#fff0 60%);pointer-events:none;opacity:0;animation:get-flash .7s ease-out .05s}@keyframes get-flash{0%{opacity:0}15%{opacity:.95}to{opacity:0}}.get-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:2;color:#fff;font-size:20px;padding:6px 18px;border-radius:999px;box-shadow:0 0 0 3px #ffffffd9,0 6px 24px #0006;animation:get-badge .5s cubic-bezier(.2,1.6,.4,1) .3s both}@keyframes get-badge{0%{opacity:0;transform:translate(-50%) scale(.4)}to{opacity:1;transform:translate(-50%) scale(1)}}.get-box{flex:none;width:min(560px,100%);margin:0 auto;min-height:0;padding:18px 20px 14px;cursor:default}.get-box .npc-text{font-size:16px;word-break:keep-all}.get-box .npc-text b{text-shadow:0 0 10px rgba(255,255,255,.25)}.nick-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.brag-bubble{position:relative;width:max-content;max-width:200px;font-size:12px;line-height:1.35;text-align:center;word-break:keep-all;color:#fff;background:#1e1834e0;border:1.5px solid #ffd34d;border-radius:12px;padding:4px 9px;animation:brag-pop .35s ease-out}.brag-bubble b{margin-right:2px}@keyframes brag-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 1px #ffffff59;color:#ffffffd9}.link.dim{color:#ffffff8c}.turn-row.tap{cursor:pointer}.turn-row.mid{justify-content:center;text-align:center;min-height:64px;padding:6px 0}.turn-row.mid .turn-count{font-size:21px}.turn-row.mid .turn-sub{font-size:13px;margin-top:3px}.turn-row.mid+.row{justify-content:center}.result-sheet .btn:not(.primary):not(.gold){background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff47}.btn.gold{background:linear-gradient(180deg,#ffd34d,#f0a92b);color:#2b2440;font-weight:700}.open-panel{padding:10px 14px 12px}.open-steps{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1);min-height:26px;flex-wrap:wrap}.pips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.pip{min-width:26px;height:22px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#ffffff8c;background:#ffffff14;box-sizing:border-box}.pip.now{color:#fff;outline:2px solid #ffd34d;outline-offset:1px;background:#ffd34d2e}.pip.done{color:#fff;font-weight:700;font-size:12px}.step-left{font-size:11px;color:#fff9}.open-now{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;text-align:center}.open-now.tap{flex-direction:row;gap:10px;cursor:pointer}.open-title{font-size:20px;font-weight:700}.open-sub{font-size:12px;color:#fff9}.open-actions{display:flex;gap:8px;justify-content:center;margin-top:10px}.open-actions .btn{flex:1;max-width:200px}.shelf{margin:10px 0 4px;padding:10px 10px 0;border-radius:14px;background:linear-gradient(180deg,#ffd6961a,#ffd6960a)}.shelf-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.shelf-head .dim{color:#ffffff8c}.shelf-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding-bottom:6px;border-bottom:7px solid #a8774a;box-shadow:0 5px 0 -1px #7a5232;border-radius:0 0 3px 3px}.shelf-slot{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:10px;background:transparent;cursor:pointer;overflow:visible}.shelf-slot .thumb{border-radius:10px}.shelf-slot.empty{border:1.5px dashed rgba(255,255,255,.18);cursor:default}.shelf-tier{position:absolute;right:-3px;top:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;font-size:10px;font-style:normal;line-height:16px;color:#fff;text-align:center}.shelf-empty{font-size:11px;color:#ffffff8c;text-align:center;padding:8px 0 10px}.shelf-empty:last-child{margin-top:2px}@media (max-width: 400px){.hud-top{gap:5px;left:10px;right:10px}.brand{font-size:16px;margin-right:0}.hud-top .chip{font-size:12px;padding:5px 8px}}.line-row.solo{background:#7cc8f01f;border-color:#7cc8f059}.solo-sign{white-space:nowrap;font-size:13px;color:#fff;background:#3a8fc4;border:2px solid #bfe6ff;padding:4px 10px;border-radius:999px;box-shadow:0 3px 10px #00000040}@media (max-width: 480px){.solo-sign{font-size:11px;padding:3px 8px}}.solo-edge{display:none;position:fixed;top:38%;left:0;z-index:5;align-items:center;gap:4px;border:2px solid #bfe6ff;border-left:0;border-radius:0 999px 999px 0;background:#3a8fc4;color:#fff;font-family:inherit;font-size:13px;padding:7px 12px 7px 8px;box-shadow:0 3px 10px #00000040;cursor:pointer}.solo-edge[data-show="1"]{display:flex}.solo-edge[data-side=right]{left:auto;right:0;border-left:2px solid #bfe6ff;border-right:0;border-radius:999px 0 0 999px;padding:7px 8px 7px 12px}.solo-edge .solo-edge-r,.solo-edge[data-side=right] .solo-edge-l{display:none}.solo-edge[data-side=right] .solo-edge-r{display:inline}.nick-edit input{width:100%;box-sizing:border-box;margin-top:10px;padding:12px 14px;border-radius:12px;border:0;font-size:17px;font-family:inherit;outline:none}.account input{width:100%;box-sizing:border-box;margin-top:8px;padding:12px 14px;border-radius:12px;border:0;font-size:16px;font-family:inherit;outline:none}.center-tabs{justify-content:center;margin-top:10px}