@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations")}:root{--font:"Pretendard Variable", Pretendard, "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif;--bg:#f4f3ee;--surface:#fff;--sunk:#ecebe4;--ink:#1d2320;--ink-2:#545c57;--ink-3:#858c87;--line:#dcdad1;--brand:#2f6b55;--brand-2:#3f8a6e;--brand-soft:#e1eee7;--on-brand:#fff;--gold:#b7800a;--gold-soft:#fbf0d4;--heart:#d2406f;--heart-soft:#fbe3ec;--done:#2e8b57;--done-soft:#dff1e6;--part:#c2860f;--part-soft:#fbefd6;--bad:#c24b3c;--bad-soft:#f8e1dd;--info:#2f5f8a;--info-soft:#e1ebf5;--student:#6a4c9c;--student-soft:#eee8f6;--r-s:6px;--r-m:10px;--r-l:16px;--shadow:0 1px 2px #141e190f, 0 4px 14px #141e190f;--fs-xs:12px;--fs-s:14px;--fs-m:16px;--fs-l:20px;--fs-xl:26px;--fs-xxl:36px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--fs-m);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;line-height:1.3}p{margin:0}a{color:var(--info)}:focus-visible{outline:3px solid var(--brand-2);outline-offset:2px}.btn{border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:40px;font-weight:600;font-size:var(--fs-s);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.btn:hover{background:var(--sunk)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.primary:hover{background:var(--brand-2)}.btn.danger.armed{background:var(--bad);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.small{min-height:32px;font-size:var(--fs-xs);padding:0 10px}.btn.big{min-height:56px;font-size:var(--fs-l);padding:0 24px}.btn.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.seg{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);display:inline-flex;overflow:hidden}.seg button{cursor:pointer;min-height:38px;font-weight:600;font-size:var(--fs-s);color:var(--ink-2);background:0 0;border:0;padding:0 14px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--brand-soft);color:var(--brand)}.input,.select,.textarea{border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);width:100%;min-height:40px;font-size:var(--fs-s);padding:6px 10px}.textarea{resize:vertical;min-height:90px;line-height:1.6}.field{font-size:var(--fs-s);color:var(--ink-2);gap:4px;display:grid}.field>span{font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.col{gap:10px;display:grid}.grow{flex:1}.small{font-size:var(--fs-s)}.xs{font-size:var(--fs-xs)}.tnum{font-variant-numeric:tabular-nums}.hide{display:none!important}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:16px}.card h3{font-size:var(--fs-m);align-items:center;gap:8px;margin-bottom:8px;display:flex}.card h3 .sub{font-weight:400;font-size:var(--fs-xs);color:var(--ink-3)}.empty{text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:var(--r-m);padding:28px}.pill{font-size:var(--fs-xs);background:var(--sunk);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-weight:600;display:inline-flex}.pill.gold{background:var(--gold-soft);color:var(--gold)}.pill.heart{background:var(--heart-soft);color:var(--heart)}.pill.done{background:var(--done-soft);color:var(--done)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.brand{background:var(--brand-soft);color:var(--brand)}.pill.student{background:var(--student-soft);color:var(--student)}.notice{border-radius:var(--r-m);background:var(--part-soft);font-size:var(--fs-s);padding:10px 14px}.notice.info{background:var(--info-soft)}.notice.bad{background:var(--bad-soft)}.modal-back{z-index:50;background:#0f161273;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow);flex-direction:column;width:min(640px,100%);max-height:calc(100vh - 48px);display:flex}.modal.wide{width:min(1100px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{font-size:var(--fs-l)}.modal-body{gap:12px;padding:16px 18px;display:grid;overflow:auto}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.toasts{z-index:80;gap:8px;display:grid;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;border-radius:var(--r-m);font-size:var(--fs-s);box-shadow:var(--shadow);padding:10px 18px}.toast.bad{background:var(--bad)}.t-app{grid-template-rows:auto 1fr;height:100%;display:grid}.t-top{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:8px 18px;display:flex}.t-brand{font-weight:800;font-size:var(--fs-l);color:var(--brand);align-items:center;gap:8px;display:flex}.t-tabs{gap:4px;display:flex}.t-tabs a{color:var(--ink-2);border-radius:var(--r-m);font-weight:700;font-size:var(--fs-m);padding:8px 16px;text-decoration:none}.t-tabs a:hover{background:var(--sunk)}.t-main{padding:16px 18px 40px;overflow:auto}.live-dot{background:var(--done);border-radius:50%;width:9px;height:9px;display:inline-block}.live-dot.polling{background:var(--part)}.live-dot.offline,.live-dot.connecting{background:var(--bad)}.practice-bar{background:var(--student-soft);color:var(--student);font-weight:700;font-size:var(--fs-s);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;display:flex}.chips-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.chip{border-radius:var(--r-m);border:2px solid var(--line);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:64px;padding:10px 12px;display:grid;position:relative}.chip .num{font-weight:800;font-size:var(--fs-l);color:var(--ink-3);font-variant-numeric:tabular-nums}.chip .nm{font-weight:700}.chip .st{font-size:var(--fs-xs);color:var(--ink-3)}.chip.s-part{border-color:var(--part);background:var(--part-soft)}.chip.s-done{border-color:var(--done);background:var(--done-soft)}.chip.s-done .num{color:var(--done)}.chip.s-x{border-color:var(--bad);background:var(--bad-soft)}.chip.absent{opacity:.45;border-style:dashed}.table{border-collapse:collapse;width:100%;font-size:var(--fs-s)}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:7px 8px}.table th{color:var(--ink-3);font-weight:600;font-size:var(--fs-xs)}.table tr.voided td{color:var(--ink-3);text-decoration:line-through}.stack{align-content:start;gap:14px;display:grid}.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.bar{background:var(--sunk);border-radius:999px;height:8px;overflow:hidden}.bar>i{background:var(--brand);border-radius:999px;height:100%;display:block}.kbd{background:var(--sunk);font-family:ui-monospace,Consolas,monospace;font-size:var(--fs-xs);border-radius:4px;padding:1px 6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.smap{grid-template-columns:300px minmax(220px,1fr) 300px;gap:0 60px;min-width:900px;display:grid;position:relative}.smap>.smap-col:nth-of-type(2),.smap>.smap-col:nth-of-type(3){grid-column:3}.smap-lines{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.smap-label{background:var(--surface);color:#b4552f;font-size:var(--fs-xs);white-space:nowrap;z-index:2;border:1px solid #b4552f;border-radius:999px;padding:0 8px;font-weight:600;position:absolute;transform:translate(-50%,-50%)}.smap-col{z-index:1;align-content:start;gap:10px;display:grid}.smap-col:first-of-type{grid-area:1/1/span 2}.smap-head{font-weight:800;font-size:var(--fs-s);border-radius:999px;justify-self:start;padding:4px 10px}.smap-head.p-teacher,.smap-card.p-teacher{--c:var(--brand);--cs:var(--brand-soft)}.smap-head.p-board,.smap-card.p-board{--c:var(--info);--cs:var(--info-soft)}.smap-head.p-student,.smap-card.p-student{--c:var(--student);--cs:var(--student-soft)}.smap-head{background:var(--cs);color:var(--c)}.smap-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--c);border-radius:var(--r-m);cursor:pointer;gap:2px;padding:10px 12px;display:grid}.smap-card:hover{background:var(--cs)}.sbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sbs-cell{align-content:start;gap:6px;display:grid}.sbs-title{font-weight:700;font-size:var(--fs-s);align-items:baseline;gap:8px;display:flex}.sbs-box{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);position:relative;overflow:hidden}.sbs-box iframe{position:absolute;top:0;left:0}.elog{gap:2px;display:grid}.elog-day{color:var(--ink-2);margin:12px 0 4px;font-weight:800}.elog-row{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;gap:10px;padding:8px 4px;display:grid}.q-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:16px;display:grid}.q-side{gap:10px;max-height:calc(100vh - 110px);display:grid;position:sticky;top:0;overflow:auto}.q-list{gap:6px;display:grid}.q-item{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.q-item:hover{background:var(--bg)}.q-item.on{border-color:var(--brand);background:var(--brand-soft)}.q-item.over{border-top:3px solid var(--brand)}.q-item.expired .q-title{color:var(--ink-3)}.q-item.hub{justify-content:center;font-weight:700}.q-grip{color:var(--ink-3);cursor:grab;letter-spacing:-2px}.q-title{font-weight:700}.q-count{color:var(--ink-2);font-weight:800}.q-done{font-size:var(--fs-l)}.q-done b{color:var(--done);font-size:var(--fs-xl)}.q-groups{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;display:grid}.q-group{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);align-content:start;gap:6px;padding:8px;display:grid}.q-group .chips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.q-hub{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.q-hubcard{text-align:left;cursor:pointer;gap:4px;display:grid}.q-hubcard:hover{border-color:var(--brand)}.menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow);z-index:20;min-width:220px;display:grid;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.menu button{text-align:left;cursor:pointer;font-size:var(--fs-s);background:0 0;border:0;padding:10px 14px}.menu button:hover{background:var(--bg)}.draw-stage{background:var(--bg);border-radius:var(--r-l);place-items:center;min-height:180px;padding:16px;display:grid}.draw-big{font-size:56px;font-weight:900}.draw-big.spin{color:var(--ink-3)}.draw-list{gap:8px;margin:0;padding:0;font-size:30px;font-weight:800;list-style:none;display:grid}.draw-list.one{font-size:56px}.draw-list li{align-items:center;gap:12px;animation:.35s both pop;display:flex}.draw-no{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:inline-grid}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.s-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.s-card{text-align:left;border:2px solid var(--line);border-radius:var(--r-l);background:var(--surface);cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;display:grid}.s-card:hover{border-color:var(--brand-2)}.s-card.sel{border-color:var(--brand);background:var(--brand-soft)}.s-card .nm{font-weight:800;font-size:var(--fs-m)}.s-card .meta{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.badge-dot{border:2px solid #0000001f;border-radius:50%;width:14px;height:14px;display:inline-block}.s-panel{background:var(--surface);z-index:40;flex-direction:column;width:min(620px,100%);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 30px #0000001f}.s-panel-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.s-panel-body{gap:14px;padding:14px 18px;display:grid;overflow:auto}.room{gap:10px;display:grid}.room-board{text-align:center;border-radius:var(--r-m);color:#f4f1e6;background:#16302a;padding:8px;font-weight:800}.room-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 12px;display:grid}.room-grid .aisle-2,.room-grid .aisle-4{margin-right:16px}.seat{border-radius:var(--r-m);border:2px solid var(--line);background:var(--surface);text-align:center;cursor:default;place-items:center;width:100%;min-height:70px;padding:4px;font-weight:700;display:grid;position:relative}button.seat{cursor:pointer}.seat .no{color:var(--brand);font-size:22px;font-weight:900}.seat .who{font-size:18px}.seat .tag{color:var(--ink-3);font-size:11px;font-weight:600}.seat.rotating{background:var(--student-soft);border-color:var(--student)}.seat.fixed{background:var(--info-soft);border-color:var(--info)}.seat.empty{background:repeating-linear-gradient(45deg, var(--bg), var(--bg) 6px, var(--sunk) 6px, var(--sunk) 12px);color:var(--ink-3)}.seat.aide{background:var(--sunk);color:var(--ink-3)}.seat.locked{outline:3px solid var(--gold)}.seat.target:hover{border-color:var(--brand);background:var(--brand-soft)}.seat.hole{visibility:hidden}.seat.flash{animation:.5s both pop}.pick-stage{justify-items:center;gap:16px;padding:20px;display:grid}.pick-who{font-size:44px;font-weight:900}.pick-grid{grid-template-columns:repeat(11,76px);gap:10px;display:grid}.pick-grid button{border-radius:var(--r-l);border:2px solid var(--brand);background:var(--surface);height:76px;color:var(--brand);cursor:pointer;font-size:30px;font-weight:900}.pick-grid button:hover{background:var(--brand);color:#fff}.pick-grid button:disabled{visibility:hidden}.steps{flex-wrap:wrap;gap:6px;display:flex}.steps span{background:var(--sunk);color:var(--ink-3);font-weight:700;font-size:var(--fs-s);border-radius:999px;padding:4px 12px}.steps span.on{background:var(--brand);color:#fff}.steps span.done{background:var(--brand-soft);color:var(--brand)}.role-cols{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.role-box{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);min-height:80px;padding:8px 10px}.role-box.over{border-color:var(--brand);background:var(--brand-soft)}.role-box.full{border-color:var(--done)}.role-box.overfull{border-color:var(--bad)}.role-box h4{font-size:var(--fs-s);justify-content:space-between;margin-bottom:6px;display:flex}.role-kid{background:var(--sunk);font-size:var(--fs-s);cursor:grab;border-radius:999px;align-items:center;gap:4px;margin:2px;padding:2px 8px;display:inline-flex}.role-kid .why{color:var(--ink-3);font-size:10px}.admin-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}.admin-nav{gap:4px;display:grid;position:sticky;top:0}.admin-nav button{text-align:left;border-radius:var(--r-m);cursor:pointer;color:var(--ink-2);background:0 0;border:0;padding:8px 12px;font-weight:600}.code-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.code-card{border:2px dashed var(--ink-3);border-radius:var(--r-m);text-align:center;break-inside:avoid;padding:12px}.code-card .code{letter-spacing:.04em;margin:6px 0;font-family:ui-monospace,Consolas,monospace;font-size:26px;font-weight:900}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{width:100%;position:absolute;top:0;left:0}.no-print{display:none!important}}.bf{--u:10px;--bf-bg:#16302a;--bf-ink:#f4f1e6;--bf-soft:#f4f1e6ad;--bf-panel:#ffffff0f;--bf-line:#ffffff24;--bf-hl:#f5d565;--bf-hl-ink:#1d2320;--bf-m:#9fd0ff;--bf-f:#ffb3c9;gap:calc(var(--u) * 1.1);padding:calc(var(--u) * 1.4);background:var(--bf-bg);color:var(--bf-ink);font-family:var(--font);grid-template-rows:auto auto minmax(0,1fr);display:grid}.bf-board{--u:min(1.02vw, 1.8vh);height:100vh;height:100dvh;overflow:hidden}.bf-edit{--u:8.5px;--bf-bg:var(--surface);--bf-ink:var(--ink);--bf-soft:var(--ink-3);--bf-panel:var(--bg);--bf-line:var(--line);--bf-hl:#ffe27a;--bf-m:var(--info);--bf-f:var(--heart);border:1px solid var(--line);border-radius:var(--r-l)}.bf-head{align-items:center;gap:calc(var(--u) * 2);grid-template-columns:auto 1fr auto;grid-auto-flow:column;display:grid}.bf-nav{gap:calc(var(--u) * .5);padding:calc(var(--u) * .3);background:var(--bf-panel);border:1px solid var(--bf-line);border-radius:999px;display:inline-flex}.bf-nav button{font:inherit;font-size:calc(var(--u) * 1.8);min-height:44px;padding:0 calc(var(--u) * 1.6);color:var(--bf-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:800}.bf-nav button.on{background:var(--bf-hl);color:var(--bf-hl-ink)}.nf{grid-template-rows:auto auto minmax(0,1fr)}.nf-panel{grid-row:3;min-height:0}.bf-cols{grid-row:3}.nf-body{font-size:calc(var(--u) * 4.2 * var(--fit,1));line-height:1.5}.nf-preview{height:520px}.nf .bf-now.nf-title{background:var(--bf-hl);color:var(--bf-hl-ink)}.bf-date{font-size:calc(var(--u) * 3.4);font-weight:800}.bf-now{font-size:calc(var(--u) * 2.4);padding:calc(var(--u) * .4) calc(var(--u) * 1.6);background:var(--bf-panel);white-space:nowrap;border-radius:999px;justify-self:center;font-weight:700}.bf-now.period,.bf-now.morning,.bf-now.lunch{background:var(--bf-hl);color:var(--bf-hl-ink)}.bf-now.break{outline:2px dashed var(--bf-hl)}.bf-clock{font-size:calc(var(--u) * 4.6);letter-spacing:.02em;font-weight:800}.bf-offline{font-size:calc(var(--u) * 1.5);padding:calc(var(--u) * .3) calc(var(--u) * 1.2);color:#fff;background:#b8483b;border-radius:999px;justify-self:end}.bf-cols{gap:calc(var(--u) * 1.2);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.3fr);min-height:0;display:grid}.bf-panel{background:var(--bf-panel);border:1px solid var(--bf-line);border-radius:calc(var(--u) * 1.4);min-height:0;padding:calc(var(--u) * 1.2) calc(var(--u) * 1.5);flex-direction:column;display:flex}.bf-title{font-size:calc(var(--u) * 2);color:var(--bf-soft);margin-bottom:calc(var(--u) * .8);align-items:center;gap:8px;font-weight:800;display:flex}.bf-tools{gap:6px;margin-left:auto;display:inline-flex}.bf-body{min-height:0;font-size:calc(var(--u) * 2.5 * var(--fit,1));gap:calc(var(--u) * 1.2 * var(--fit,1));flex-direction:column;flex:1;display:flex;overflow:hidden}.bf-edit .bf-body{overflow:visible}.bf-tt{gap:calc(var(--u) * .5 * var(--fit,1));margin:0;padding:0;list-style:none;display:grid}.bf-tt li{white-space:nowrap;border-radius:.3em;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"lb sj tm";align-items:baseline;gap:.5em;padding:.1em .45em;display:grid}.bf-tt .lb{grid-area:lb}.bf-tt .sj{text-overflow:ellipsis;grid-area:sj;overflow:hidden}.bf-tt .tm{grid-area:tm}.bf-tt .lb{font-weight:700}.bf-tt .tm{color:var(--bf-soft);font-size:.7em}.bf-tt .sj{font-weight:800}.bf-tt li.k-morning,.bf-tt li.k-lunch{color:var(--bf-soft);font-size:.8em}.bf-tt li.cur{background:var(--bf-hl);color:var(--bf-hl-ink);opacity:1}.bf-tt li.cur .tm{color:var(--bf-hl-ink)}.bf-tt li.next{outline:2px dashed var(--bf-hl)}.bf-tt .input{min-height:0;padding:2px 6px;font-size:.7em}.bf-note{color:var(--bf-soft)}.bf-block{gap:.3em;display:grid}.bf-sub{color:var(--bf-soft);text-transform:none;align-items:center;gap:8px;font-size:.62em;font-weight:800;display:flex}.bf-text{white-space:pre-wrap;font-weight:600;line-height:1.45}.bf-week{border-top:1px dashed var(--bf-line);padding-top:.5em}.bf-week .bf-text{font-size:.85em}.bf-empty{color:var(--bf-soft);font-size:.8em;font-weight:400}.bf-notice{font-weight:600;line-height:1.45}.bf-notice p{margin:0}.bf-move{border:1px solid var(--bf-line);border-radius:.4em;align-self:flex-start;padding:.2em .6em;font-size:.75em}.bf-edit .bf-move b{color:var(--brand)}.bf-meal{gap:.2em;display:grid}.bf-lines{grid-template-columns:1fr 1fr;gap:.6em;display:grid}.bf-line-h{font-size:.6em;font-weight:800}.bf-line.l-m .bf-line-h{color:var(--bf-m)}.bf-line.l-f .bf-line-h{color:var(--bf-f)}.bf-line ol{columns:2;column-gap:1em;margin:0;padding-left:1.4em;font-size:.62em}.bf-line li.moved{color:var(--bf-hl);font-weight:800}.bf-edit .bf-line li.moved{color:var(--gold)}.rich-area,.bf-notice{font-variant-numeric:tabular-nums}.rich{gap:6px;display:grid}.rich-tools{flex-wrap:wrap;gap:4px;display:flex}.rich-area{border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);outline:none;padding:8px 10px;font-size:18px;line-height:1.5}.rich-area:focus{border-color:var(--brand)}.board-gate{place-items:center}.board-gate-card{gap:calc(var(--u) * 1.2);width:min(720px,90vw);padding:calc(var(--u) * 2.4);color:#172033;text-align:center;background:#fff;border-radius:24px;display:grid;box-shadow:0 20px 60px #0000002e}.board-gate-card h1{font-size:calc(var(--u) * 2.6);margin:0}.board-gate-card p{font-size:calc(var(--u) * 1.3);opacity:.75;margin:0}.board-gate-card input{font:inherit;font-size:calc(var(--u) * 2.4);text-align:center;letter-spacing:.2em;padding:calc(var(--u) * .8);border:2px solid #c9d3e6;border-radius:14px}.board-gate-card button{font:inherit;font-size:calc(var(--u) * 1.8);padding:calc(var(--u) * .8);color:#fff;cursor:pointer;background:#346bdd;border:0;border-radius:14px;font-weight:800}.board-gate-card button:disabled{opacity:.45}.board-gate-err{font-size:calc(var(--u) * 1.3);color:#c24b3c;font-weight:700}.me-app{background:#f6f2fb;min-height:100%;font-size:18px}.me-app .btn{min-height:48px;font-size:16px}.me-app .btn.big{min-height:60px;font-size:20px}.me-viewas{background:var(--student);color:#fff;text-align:center;padding:6px;font-weight:700}.me-top{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:12px 24px;display:flex}.me-tabs{gap:6px;margin-left:24px;display:flex}.me-tabs button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-radius:999px;min-height:52px;padding:10px 22px;font-size:20px;font-weight:800;position:relative}.me-tabs button.on{background:var(--student);color:#fff}.me-dot{background:var(--bad);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:10px}.me-home{grid-template-columns:1.1fr 1fr 1fr;align-items:start;gap:16px;display:grid}.me-card{background:var(--surface);border-radius:20px;align-content:start;gap:10px;padding:18px 20px;display:grid;box-shadow:0 1px 3px #3c285a14}.me-card h2{align-items:center;gap:8px;font-size:22px;display:flex}.me-col{align-content:start;gap:16px;min-width:0;display:grid}.me-hero{justify-items:center}.me-pet{text-align:center;justify-items:center;gap:8px;display:grid}.me-level{gap:6px;width:100%;display:grid}.me-news,.me-quests,.me-ledger{gap:6px;margin:0;padding:0;list-style:none;display:grid}.me-news li,.me-ledger li{background:var(--bg);border-radius:10px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:17px;display:flex}.me-news li.unread{background:var(--student-soft);font-weight:700}.me-ledger li.voided{opacity:.6;text-decoration:line-through}.me-quests li{border:2px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.me-quests li.done{border-color:var(--done);background:var(--done-soft)}.me-role{color:var(--student);font-size:24px;font-weight:900}.me-line{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.me-line li{background:var(--bg);border-radius:999px;padding:4px 10px;font-size:16px}.me-line li.me{background:var(--student);color:#fff;font-weight:800}.me-class{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.me-mate{background:var(--bg);font:inherit;color:inherit;cursor:pointer;border:0;border-radius:16px;justify-items:center;gap:4px;padding:10px;display:grid}.me-mate.me{outline:3px solid var(--student)}.me-items{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.me-item{border:2px solid var(--line);background:var(--surface);text-align:center;border-radius:16px;justify-items:center;gap:6px;padding:14px 10px;display:grid;position:relative}.me-tickets{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.me-ticket{background:var(--gold-soft);border-radius:16px;gap:8px;padding:14px;display:grid}.me-ticket.pet{background:var(--done-soft)}.me-badges{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.me-badge{text-align:center;background:var(--bg);border-radius:14px;justify-items:center;gap:4px;padding:10px;display:grid}.me-badge-icon{color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:28px;display:grid;box-shadow:inset 0 -4px #0000001f}.me-login{background:#f6f2fb;place-items:center;min-height:100vh;padding:24px;display:grid}.me-login-card{background:var(--surface);text-align:center;border-radius:24px;gap:14px;width:min(560px,100%);padding:36px;display:grid;box-shadow:0 8px 30px #3c285a1f}.me-login-card h1{color:var(--student);font-size:34px}.me-login-label{text-align:left;margin-bottom:-8px;font-size:16px;font-weight:700}.me-code{text-align:center;letter-spacing:.03em;min-height:64px;font-size:28px}.me-wrap{padding:40px}.me-mate .badge-dot{border:2px solid #0000001f;border-radius:50%;width:16px;height:16px;display:inline-block}@media (max-width:1100px){.me-home{grid-template-columns:1fr 1fr}.me-home>.me-col:first-child{grid-row:span 2}.me-tickets{grid-template-columns:repeat(2,minmax(0,1fr))}.me-tabs{margin-left:8px}.me-tabs button{padding:10px 14px}}.me-congrats{text-align:center;background:linear-gradient(135deg,#ffe9a8,#f9c9d8);font-size:22px}.me-congrats b{font-size:30px}.me-stages{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.me-stages span{background:var(--bg);color:var(--ink-3);border-radius:999px;padding:2px 8px;font-size:12px}.me-stages span.on{background:var(--student-soft);color:var(--student);font-weight:700}.me-petlist{justify-content:center;gap:6px}.me-petmini{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;min-width:56px;min-height:56px;padding:2px}.me-petmini.on{border-color:var(--student);background:var(--student-soft)}.me-mate-pic{position:relative}.me-mate-pet{position:absolute;bottom:-4px;right:-10px}.cast-img,.pet-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.cast-img.empty{background:var(--sunk);color:var(--ink-3);border-radius:50%;place-items:center;font-size:28px;font-weight:800;display:grid}.cast-img.silhouette,.pet-img.silhouette{filter:brightness(0)opacity(.16)}.me-top-pic{background:var(--sunk);border-radius:50%}.rarity-pill{background:color-mix(in srgb, var(--rarity) 14%, white);color:var(--rarity);font-weight:700}.v3d{touch-action:manipulation;place-items:center;width:100%;display:grid;position:relative}.v3d .v3d-canvas{cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.v3d-poster{place-items:center;display:grid}.v3d.loading .v3d-poster{animation:1.4s ease-in-out infinite alternate v3d-wait}@keyframes v3d-wait{to{opacity:.6}}.me-stage{background:radial-gradient(ellipse at 50% 72%, var(--brand-soft), transparent 70%);border-radius:18px;justify-items:center;gap:2px;width:100%;display:grid}.me-first{text-align:center;justify-items:center;gap:8px;display:grid}.me-pet{width:100%}.me-pet-row{text-align:left;justify-content:center;align-items:center;gap:14px;display:flex}.me-pet-name{font-size:20px}.me-pet .me-stages{justify-content:flex-start}.dex-filters{align-items:center;gap:8px}.rarity-btn{box-shadow:inset 0 -3px 0 var(--rarity)}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.dex-grid.small-cells{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.dex-cell{border:1px solid var(--line);border-top:4px solid var(--rarity,var(--line));background:var(--surface);min-width:0;font:inherit;color:inherit;cursor:pointer;border-radius:14px;align-content:start;justify-items:center;gap:4px;padding:10px 6px 8px;display:grid;position:relative}.dex-cell.locked{background:var(--sunk)}.dex-cell.rep{outline:3px solid var(--brand);outline-offset:-1px}.dex-name{text-align:center;overflow-wrap:anywhere;font-size:13px;line-height:1.25}.dex-cell.locked .dex-name{color:var(--ink-3)}.dex-recent{gap:6px}.dex-chip{border:2px solid var(--rarity);background:var(--sunk);border-radius:50%;display:grid;overflow:hidden}.dex-detail-body{justify-items:center;gap:14px;display:grid}.dex-detail-body .v3d{background:radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--rarity) 16%, white), transparent 72%);border-radius:18px;max-width:440px}.dex-detail-locked{place-items:center;min-height:300px;display:grid}.pet-dex{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.pet-dex-cell{border-top:4px solid var(--rarity,var(--line));background:var(--sunk);text-align:center;border-radius:12px;justify-items:center;gap:2px;min-width:0;padding:6px 4px;display:grid}.pet-dex-cell.owned{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.gacha-rates{align-items:center;gap:6px}.gacha-buttons{gap:10px}.me-app .heart-btn{color:var(--heart);border-color:var(--heart);background:var(--heart-soft)}@media (prefers-reduced-motion:reduce){.v3d.loading .v3d-poster{animation:none}}.dev-fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:55;font:inherit;color:#fff;cursor:pointer;background:#2b2f3a;border:0;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;position:fixed;box-shadow:0 6px 20px #00000040}.dev-panel{z-index:54;border-left:1px solid var(--line);background:#fbfbfd;grid-template-rows:auto auto auto minmax(0,1fr);width:min(600px,100vw);font-size:14px;display:grid;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #141e3c24}.dev-panel .btn{min-height:38px;font-size:13.5px}.dev-panel .btn.big{min-height:48px;font-size:15px}.dev-head{align-items:center;gap:10px;padding:14px 18px 10px;display:flex}.dev-title{flex:1;display:grid}.dev-title b{font-size:18px}.dev-title span{color:var(--ink-3);font-size:12.5px}.dev-real{color:var(--bad);background:var(--bad-soft);border-radius:10px;margin:0 18px 10px;padding:8px 12px;font-size:12.5px;font-weight:600}.dev-status{flex-wrap:wrap;gap:6px;padding:0 18px 12px;display:flex}.dev-status span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:600}.dev-status .on,.dev-big .on{color:var(--done);border-color:var(--done);background:var(--done-soft)}.dev-status .off,.dev-big .off{color:var(--ink-3)}.dev-tabs{border-bottom:1px solid var(--line);gap:4px;padding:0 14px;display:flex;overflow-x:auto}.dev-tabs button{font:inherit;color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 12px;font-size:14px;font-weight:700}.dev-tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}.dev-body{padding:16px 18px 90px;overflow-y:auto}.dev-stack{gap:14px;display:grid}.dev-note{color:var(--ink-3);margin:0;font-size:12.5px}.dev-big{flex-wrap:wrap;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.dev-big span{border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12.5px}.dev-quicks{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.dev-quick{text-align:left;border:1px solid var(--line);background:var(--surface);font:inherit;color:inherit;cursor:pointer;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.dev-quick:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.dev-quick:disabled{opacity:.5;cursor:default}.dev-quick b{font-size:15px}.dev-quick span{color:var(--ink-3);font-size:12.5px;line-height:1.4}.dev-field{border-bottom:1px solid var(--line);gap:6px;padding-bottom:12px;display:grid}.dev-field-label{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.dev-field-label b{font-size:14.5px}.dev-field-label span{color:var(--ink-3);font-size:12.5px}.dev-field-body{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dev-stepper{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:stretch;display:inline-flex;overflow:hidden}.dev-stepper button{background:var(--sunk);width:34px;font:inherit;cursor:pointer;border:0;font-size:16px;font-weight:700}.dev-stepper input{text-align:center;width:76px;font:inherit;font-variant-numeric:tabular-nums;border:0;padding:7px 4px}.dev-mini{align-items:center;gap:6px;font-size:13px;display:inline-flex}.dev-mini .dev-stepper input{width:52px}.dev-rarity{box-shadow:inset 0 -3px 0 var(--rarity)}.dev-pick-grid,.dev-pet-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;width:100%;display:grid}.dev-pet-grid.colors{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.dev-pick{border:1px solid var(--line);border-top:3px solid var(--rarity,var(--line));background:var(--surface);font:inherit;color:inherit;cursor:pointer;border-radius:10px;justify-items:center;gap:2px;min-width:0;padding:6px 4px;font-size:11.5px;line-height:1.25;display:grid}.dev-pick span{overflow-wrap:anywhere;text-align:center}.dev-pick.on{outline:2px solid var(--brand);background:var(--brand-soft)}.dev-seg{flex-wrap:wrap;gap:4px;display:flex}.dev-seg button{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;border-radius:999px;padding:6px 11px;font-size:13px}.dev-seg button.on{background:var(--brand);border-color:var(--brand);color:#fff}.dev-picked{align-items:center;gap:12px;display:flex}.dev-picked>div{flex:1;display:grid}.dev-picked span{color:var(--ink-3);font-size:12.5px}.dev-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:12px;padding:12px;display:grid}.dev-reset{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.dev-reset>div{flex:1;gap:2px;display:grid}.dev-reset span{color:var(--ink-3);font-size:12.5px}.v3d-bubble{z-index:2;pointer-events:none;opacity:0;position:absolute;top:0;left:0}.v3d-bubble.on{opacity:1}.v3d-bubble-in{background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;padding:5px;display:grid;transform:translate(-50%,-115%);box-shadow:0 3px 10px #1e325a33}.v3d-bubble-in svg{width:100%;height:100%}.v3d-bubble.on .v3d-bubble-in{animation:.45s cubic-bezier(.2,1.6,.4,1) v3d-pop,1.8s ease-in-out .45s infinite alternate v3d-float}@keyframes v3d-pop{0%{opacity:0;transform:translate(-50%,-60%)scale(.2)}}@keyframes v3d-float{to{transform:translate(-50%,-130%)}}.me-pet-pic{display:inline-block}.me-pet-pic.bump{animation:.5s cubic-bezier(.2,1.6,.4,1) pet-bump}@keyframes pet-bump{30%{transform:translateY(-10px)scale(1.08)rotate(-4deg)}60%{transform:translateY(0)scale(.97)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.v3d-bubble.on .v3d-bubble-in,.me-pet-pic.bump{animation:none}}@font-face{font-family:Paperlogy;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/Paperlogy-5Medium.ttf)format("truetype")}@font-face{font-family:Paperlogy;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/Paperlogy-6SemiBold.ttf)format("truetype")}:root{--bg:#fff;--surface:#fff;--sunk:#f5f7fa;--ink:#292b35;--ink-2:#60636f;--ink-3:#777b88;--line:#e3e8ef;--brand:#346bdd;--brand-2:#2757b5;--brand-soft:#edf3ff;--on-brand:#fff;--gold:#936d22;--gold-soft:#faf4e7;--heart:#b6557b;--heart-soft:#fcf0f5;--done:#42846d;--done-soft:#edf6f1;--bad:#b86461;--bad-soft:#fcf0ef;--part:#b18538;--part-soft:#fff7e8;--info:#576fa2;--info-soft:#eff3fb;--r-s:8px;--r-m:10px;--r-l:14px;--shadow:0 5px 20px #292d4210}body{letter-spacing:-.025em;--student:var(--brand);--student-soft:var(--brand-soft);background:#fff;font-weight:450}h1,h2,h3,h4{font-weight:650}.muted{color:var(--ink-3)}.t-brand{color:var(--ink);white-space:nowrap;letter-spacing:-.06em;gap:10px;font-size:20px;font-weight:700;display:flex}.t-brand small{color:var(--ink-3);letter-spacing:0;margin-top:2px;font-size:10px;font-weight:450;display:block}.brand-symbol{flex:none;grid-template-columns:1fr 1fr;gap:3px;width:29px;height:29px;display:grid}.brand-symbol i{background:var(--brand);border-radius:4px}.brand-symbol i:nth-child(2){opacity:.35}.brand-symbol i:nth-child(3){opacity:.65}.nav-symbol{flex:none;width:17px;height:17px}.t-tabs a{white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:11px 13px;font-size:13px;font-weight:550;display:flex}.t-tabs a.on{background:var(--brand-soft);color:var(--brand)}.practice-bar{background:var(--sunk);color:var(--ink-2);border-radius:6px;padding:6px 11px;font-size:11px;font-weight:450;line-height:1.5}.t-top>.select{border-color:var(--line);width:128px;min-height:36px;font-size:12px}.t-main{padding:32px 36px 50px}.design-heading{grid-template-columns:1fr auto;align-items:center;gap:6px 24px;margin-bottom:28px;display:grid}.page-kicker{letter-spacing:.08em;color:var(--brand);grid-column:1/-1;font-size:10px;font-weight:600}.design-heading h1{letter-spacing:-.055em;font-size:34px;font-weight:650}.design-heading p{color:var(--ink-3);font-size:12px;font-weight:400}.stack{gap:20px}.btn{border-color:var(--line);border-radius:9px;min-height:38px;padding:0 14px;font-size:12px;font-weight:550}.btn.small{min-height:30px;font-size:11px}.btn.primary{background:var(--brand);border-color:var(--brand);box-shadow:0 2px 5px #27243312}.btn.ghost{box-shadow:none}.btn.danger{color:var(--bad);border-color:#f2e7e7}.seg{background:var(--sunk);border:0;border-radius:9px;padding:3px}.seg button{border-radius:7px;min-height:32px;padding:0 13px;font-size:12px}.seg button+button{border:0}.seg button.on{color:var(--brand);background:#fff;box-shadow:0 1px 4px #2724330b}.card{border:1px solid var(--line);border-radius:var(--r-l);box-shadow:none;background:#fff;padding:20px}.card h3{margin-bottom:14px;font-size:15px;font-weight:650}.card h3 .sub{color:var(--ink-3);font-size:10px}.pill{padding:3px 8px;font-size:10px;font-weight:550}.empty{background:var(--sunk);border:0;padding:30px 16px;font-size:13px}.grid3{gap:22px}.table th,.table td{padding:12px 10px}.q-layout{grid-template-columns:236px minmax(0,1fr);gap:32px}.q-side{border:0;border-right:1px solid var(--line);box-shadow:none;border-radius:0;gap:15px;max-height:calc(100vh - 195px);padding:0 22px 0 0}.q-side>.quest-list-head h3{color:var(--ink-3);font-size:12px;font-weight:650}.q-side .btn{min-height:34px;padding:0 12px;font-size:11px}.q-side>.seg{display:flex}.q-side>.seg button{flex:1;padding:0 7px;font-size:10px}.q-list{gap:7px}.q-item{border-color:#0000;border-radius:10px;gap:7px;padding:14px 10px}.q-item.on{background:var(--brand-soft);border-color:#0000}.q-title{letter-spacing:-.025em;font-size:13px;font-weight:600;line-height:1.55}.q-count{color:var(--ink-3);font-size:12px;font-weight:500}.q-item.on .q-count{color:var(--brand)}.q-item .pill{background:0 0;padding:2px 5px;font-size:9px}.q-grip{color:#c0c1cc;font-size:13px}.q-item.hub{border:1px solid var(--line);min-height:40px;font-size:11px;font-weight:550}.q-side>.xs{color:var(--ink-3);font-size:10px}.q-main{min-width:0}.quest-toolbar{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 20px;position:relative}.quest-toolbar>.row{gap:9px}.quest-toolbar>.row>.grow{flex:1 0 100%;margin-bottom:10px;padding-right:110px}.quest-toolbar h2{letter-spacing:-.055em;font-weight:620;font-size:26px!important}.quest-toolbar .q-done{color:var(--ink-3);font-size:11px;position:absolute;top:2px;right:0}.q-done b{color:var(--brand);margin:0 3px 0 7px;font-size:32px;font-weight:550;line-height:1}.quest-toolbar .btn{border-radius:7px;min-height:32px;padding:0 13px;font-size:11px}.q-main>.stack>.stack{gap:17px}.q-main .xs{font-size:10px}.chips-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.chip{text-align:center;background:#fff;border:1px solid #e5e5ee;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:182px;padding:21px 10px 18px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 5px #33304b03}.chip:hover{transform:translateY(-2px);box-shadow:0 7px 18px #36334910}.chip>.num{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500;position:absolute;top:12px;left:13px}.card-avatar{background:var(--sunk);border-radius:50%;place-items:center;width:62px;height:62px;margin-top:5px;display:grid}.card-avatar img,.card-avatar .cast-img{border-radius:50%;width:62px;height:62px}.chip>span:last-child{justify-items:center;gap:9px;max-width:100%;display:grid}.chip br{display:none}.chip .nm{letter-spacing:-.06em;overflow-wrap:anywhere;font-size:22px;font-weight:630;line-height:1.2}.chip .st{color:var(--ink-3);background:var(--sunk);border-radius:999px;padding:3px 9px;font-size:10px;font-weight:550}.chip.s-done{background:var(--done-soft);border-color:#cbdfd4}.chip.s-done:after{content:"✓";background:var(--done);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid;position:absolute;top:11px;right:12px}.chip.s-done .st{color:#37765c;background:#dcece3}.chip.s-x{background:var(--bad-soft);border-color:#efd9d7}.chip.s-x .st{color:#a35350;background:#f5dfdd}.chip.s-part{background:var(--part-soft);border-color:#ead7b2}.chip.absent{opacity:.52;box-shadow:none;border-style:dashed}.q-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.q-group{background:var(--sunk);border:0;border-radius:16px;gap:11px;padding:13px}.q-group h4{color:var(--ink-2);font-size:11px;font-weight:600}.q-group .chips-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.q-group .chip{min-height:176px;box-shadow:none;padding:16px 8px}.bf,.bf-edit{--bf-bg:#fff;--bf-ink:var(--ink);--bf-soft:var(--ink-2);--bf-panel:#fff;--bf-line:var(--line);--bf-hl:var(--brand-soft);--bf-hl-ink:var(--brand);--bf-m:var(--info);--bf-f:var(--heart)}.bf-edit{--u:8px;border:0;border-radius:0;padding:0}.bf-edit .bf-head{border-bottom:1px solid var(--line);padding:7px 0 17px}.bf-edit .bf-date{font-size:26px;font-weight:600}.bf-edit .bf-clock{letter-spacing:-.06em;font-size:37px;font-weight:500}.bf-edit .bf-now{font-size:15px;font-weight:550}.bf-panel{padding:calc(var(--u)*1.7);border:1px solid var(--line);border-radius:var(--r-l);background:#fff}.bf-edit .bf-panel{padding:20px}.bf-title{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:12px;font-weight:600}.bf-edit .bf-title{font-size:14px}.bf-sub{color:var(--ink-3)}.bf-text{font-weight:550;line-height:1.6}.bf-tt li{padding:.18em .4em}.bf-tt .sj,.bf-tt .lb{font-weight:600}.bf-tt li.past{opacity:.65}.bf-move b{color:var(--brand)}.bf-week{border-top-style:solid;padding-top:.7em}.bf-board{--u:min(.95vw,1.6vh);gap:.7vh;padding:1.5vh 2.5vw}.bf-board .bf-head{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto auto;gap:1.6vw;padding:0 0 .8vh}.bf-board .bf-date{font-family:"Paperlogy", var(--font);letter-spacing:-.035em;font-weight:600;line-height:1.25;font-size:calc(var(--u)*2.3)}.bf-board:not(.nf) .bf-head{grid-template-columns:minmax(0,1fr) auto auto}.bf-board .bf-clock{font-family:"Paperlogy", var(--font);letter-spacing:-.025em;font-weight:500;line-height:1.15;font-size:calc(var(--u)*3.25)}.bf-board .bf-now{font-size:calc(var(--u)*1.8);color:#4e6587;background:#f2f6fc;border-radius:12px;padding:.55em .85em;font-weight:550}.bf-board .bf-now.break{outline:none}.bf-board .bf-now.period,.bf-board .bf-now.morning,.bf-board .bf-now.lunch{background:var(--brand-soft);color:var(--brand)}.bf-board .bf-nav button{padding:0 18px;font-size:18px}.bf-board .bf-tt li{border:1px solid #0000;border-radius:.4em;justify-content:center;align-items:center;min-width:0;padding:.18em .35em;display:flex}.bf-board .bf-tt{font-size:calc(var(--u)*1.8);gap:.25em}.bf-period{color:#6482b3;background:#edf3ff;border-radius:.4em;flex:0 0 1.7em;place-items:center;height:1.7em;font-size:.57em;font-weight:650;display:grid}.bf-tt li.cur .bf-period{color:#fff;background:#ffffff26}.bf-board .bf-tt .sj{white-space:normal;overflow-wrap:anywhere;text-align:center}.bf-board .bf-tt li.cur{background:var(--brand);color:#fff}.bf-board .bf-tt li.next{border-color:#d4e1f8}.bf-board .bf-cols{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,22%);gap:1vw}.bf-board .bf-panel.bf-timetable{align-items:center;gap:calc(var(--u)*1.4);padding:calc(var(--u)*.55) calc(var(--u)*1.1);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);display:grid}.bf-board .bf-timetable .bf-title{padding:0 calc(var(--u)*1.3) 0 0;border-bottom:0;border-right:1px solid var(--line);font-size:calc(var(--u)*1.25);color:var(--ink-3);margin:0}.bf-board .bf-title{font-size:calc(var(--u)*1.6);padding-bottom:calc(var(--u)*1.2);margin-bottom:calc(var(--u)*1.2)}.bf-notes{gap:.75em;display:grid}.bf-pinned{background:#fff9e6;border-radius:12px;gap:.45em;padding:.6em .75em;display:grid}.bf-pinned .bf-text{font-size:.82em;font-weight:500}.bf-daily-text{padding:.1em .2em}.bf-board .bf-right{align-self:start;max-height:100%}.bf-board .bf-move{background:0 0;border:0;border-radius:0;align-self:stretch;gap:.6em;padding:0;font-size:.65em;display:grid}.bf-move-label{color:var(--ink-3);font-size:.78em;font-weight:550}.bf-move-order{justify-content:center;align-items:center;gap:.65em;display:flex}.bf-move-order b{background:#edf3ff;border-radius:8px;align-items:center;gap:.45em;padding:.4em .65em;font-weight:650;display:flex}.bf-move-order small{font-size:.7em;font-weight:500}.bf-board .bf-meal>.bf-sub{justify-content:center}.bf-meal{gap:.45em}.bf-lines{gap:.6em}.bf-line-h{margin-bottom:.65em;font-weight:650}.bf-line ol{columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:.35em .55em;margin:0;padding:0;font-size:.62em;list-style:none;display:grid}.bf-board .bf-line ol{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:.22em;font-size:.55em}.bf-line li{align-items:center;gap:.35em;min-width:0;line-height:1.4;display:flex}.bf-rank{color:#5a7295;background:#f0f5fc;border:1px solid #dce5f3;border-radius:.35em;flex:0 0 1.7em;place-items:center;height:1.7em;font-size:.78em;font-weight:650;display:grid}.l-f .bf-rank{color:#93657b;background:#fbf3f7;border-color:#eddee6}.bf-line-name{white-space:nowrap}.bf-line li.moved{color:var(--brand)}.bf-title{font-weight:600}.bf-tt li.next{background:#f2f6ff;outline:none;box-shadow:inset 3px 0 #8cabdf}.me-app,.me-login{background:#fff}.me-viewas{background:var(--sunk);color:var(--ink-3);letter-spacing:.01em;padding:6px;font-size:10px;font-weight:450}.me-top{gap:14px;padding:18px 36px}.me-name{font-size:23px;font-weight:650}.me-tabs{gap:7px}.me-tabs button{border-radius:9px;min-height:48px;padding:9px 20px;font-size:15px;font-weight:550}.me-tabs button.on{color:var(--brand);background:var(--brand-soft)}.me-main{padding:32px 36px 60px}.me-home{grid-template-columns:1fr 1fr 1fr;gap:26px}.me-col{gap:24px}.me-card{border:1px solid var(--line);border-radius:var(--r-l);box-shadow:none;background:#fff;gap:15px;padding:24px}.me-card h2{font-size:19px;font-weight:600}.me-card h2 .sub{font-size:11px}.me-news li,.me-ledger li,.me-mate,.me-badge{background:var(--sunk)}.me-quests li{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:15px 0;font-size:15px}.me-role{font-size:23px;font-weight:600}.me-line li{background:var(--sunk);padding:5px 11px;font-size:14px}.me-line li.me{background:var(--brand);color:#fff}.me-card .btn{min-height:48px;font-size:14px}.me-card .btn.big{min-height:54px;font-size:17px}.me-hero{gap:18px}.me-petmini,.me-item{border-width:1px}.me-congrats{background:var(--brand-soft);color:var(--brand)}.me-stages span{background:var(--sunk)}.me-stages span.on{background:var(--brand-soft)}.bar{height:6px}.me-card .empty{font-size:14px}.me-ticket{background:var(--gold-soft)}.t-top{border-bottom:1px solid var(--line);gap:22px;min-height:82px;padding:16px 32px}.t-tabs{gap:1px;margin-left:auto}.t-top>.grow{display:none}.t-tabs a{gap:7px;padding:10px 12px;font-size:12px}.t-top>.practice-bar{background:0 0;max-width:168px;padding:0;font-size:10px}.design-heading{margin-bottom:30px}.q-side .q-item.on{box-shadow:inset 3px 0 var(--brand);border-radius:3px 9px 9px 3px}.chip:not(.s-done):not(.s-x):not(.s-part){border-color:#e0e6f0}.chip .card-avatar{background:#eff4fc;box-shadow:0 0 0 7px #f8faff}.chip .st{letter-spacing:.005em;font-size:10px}.bf-edit .bf-panel{border-top:3px solid #dfe9fb}.card h3{padding-left:11px;position:relative}.card h3:before{content:"";background:#9db8e9;border-radius:2px;width:3px;height:12px;position:absolute;top:4px;left:0}.quest-list-head h3{padding-left:0}.quest-list-head h3:before{display:none}.me-top{border-bottom-color:var(--line)}.me-card h2{border-bottom:1px solid var(--line);padding-bottom:13px}.me-hero{box-shadow:0 8px 35px #346bdd09}.bf-board .bf-panel{padding:calc(var(--u)*1.45);border:1px solid #e2e8f1;border-radius:18px;box-shadow:0 5px 22px #294b8005}.t-brand{align-items:center}.t-app.embedded{grid-template-rows:minmax(0,1fr)}.chip.pressing{transform:scale(.97)}.s-grid{gap:16px}.s-card{border-width:1px;gap:14px;padding:16px;transition:border-color .15s,box-shadow .15s}.s-card:hover{box-shadow:var(--shadow)}.s-card .nm{font-weight:650}.s-panel{box-shadow:-8px 0 32px #243d6514}.s-panel-head,.s-panel-body{padding:20px 24px}.room-board{background:var(--brand-soft);color:var(--brand);padding:12px;font-weight:600}.seat{border-width:1px;min-height:78px}.seat .no{font-weight:650}.role-cols{gap:16px}.role-box{padding:16px}.admin-layout{gap:28px}.admin-nav{gap:6px}.admin-nav button{padding:12px 14px;font-size:13px;font-weight:550}.admin-nav button.on{background:var(--brand-soft);color:var(--brand)}.me-login-card{border:1px solid var(--line);box-shadow:0 12px 40px #346bdd0c}.modal{box-shadow:0 20px 80px #243d6524}.input,.select,.textarea{border-color:var(--line);border-radius:8px}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand)}@media (max-width:1400px){.t-top{gap:12px;padding:16px 24px}.t-tabs a{padding:10px 9px;font-size:11px}.t-top>.practice-bar{max-width:125px;font-size:9px}.nav-symbol{display:none}.q-layout{grid-template-columns:212px minmax(0,1fr);gap:24px}.chips-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.q-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1200px){.t-main{padding:24px}.t-top{flex-wrap:wrap}.t-tabs{order:3;justify-content:center;width:100%}.t-top>.row{margin-left:auto}.design-heading p{font-size:11px}.bf-edit{--u:7px}.me-main{padding:24px}.me-home{gap:16px}.me-card{padding:18px}.bf-board .bf-head{gap:1vw}.bf-board .bf-nav button{padding:0 12px}}@media (max-width:1100px){.me-home{grid-template-columns:1fr 1fr}.me-top{flex-wrap:wrap;padding:16px 24px}.me-tabs{margin-left:0}.chips-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.q-groups{grid-template-columns:1fr}}@media (max-width:760px){.t-main,.me-main{padding:20px 16px}.t-top{padding:16px}.t-tabs{justify-content:flex-start;overflow-x:auto}.design-heading{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.design-heading h1{font-size:28px}.q-layout{grid-template-columns:1fr}.q-side{border-right:0;border-bottom:1px solid var(--line);max-height:300px;padding:0 0 20px;position:static}.q-list,.chips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.q-hub,.me-home,.grid3,.grid2{grid-template-columns:1fr}.me-tabs{width:100%;overflow-x:auto}.me-tabs button{white-space:nowrap;padding:9px 14px}.admin-layout{grid-template-columns:1fr}.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}.bf-board .bf-tt li.cur,.bf-board .bf-tt li.next{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:none;opacity:1}.bf-board .bf-tt li.cur .bf-period,.bf-board .bf-tt li.next .bf-period{color:#fff;background:#ffffff26}.collection-tabs{border-bottom:1px solid #e3e9f2;justify-content:space-between;align-items:center;gap:16px;display:flex}.collection-tabs .seg{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:8px;padding:0;display:flex;overflow:visible}.collection-tabs .seg button{color:#68758a;min-height:48px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:10px 18px 14px;font-size:14px;font-weight:600;position:relative}.collection-tabs .seg button+button{border-left:0}.collection-tabs .seg button:hover{color:#3268d5;background:#f7f9fd}.collection-tabs .seg button.on{color:#2863d9;box-shadow:none;background:0 0}.collection-tabs .seg button.on:after{content:"";background:currentColor;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:16px;right:16px}.collection-tabs .seg button:focus-visible{outline-offset:-3px;border-radius:6px;outline:2px solid #6690ed}.collection-tab-label{justify-content:center;align-items:center;gap:8px;display:flex}.collection-tab-label svg{flex-shrink:0;width:19px;height:19px}.collection-visibility{color:#768397;white-space:nowrap;align-items:center;gap:6px;padding-bottom:4px;font-size:12px;display:inline-flex}.collection-visibility svg{color:#6d8d86;width:16px;height:16px}@media (max-width:600px){.collection-tabs{flex-wrap:wrap;gap:0 12px}.collection-tabs .seg{gap:2px}.collection-tabs .seg button{padding-left:12px;padding-right:12px;font-size:13px}.collection-tabs .seg button.on:after{left:10px;right:10px}.collection-tab-label{gap:6px}.collection-visibility{margin-left:auto;font-size:11px}}.collection-browser .dex-head{margin:0}.me-tabs .me-role-link{color:#2e6add;white-space:nowrap;font-weight:700}.me-tabs .me-role-link.on{color:#235bcd;background:#e8f0ff}.me-role-open{color:#2a67c9;vertical-align:middle;background:#e9f3ff;border-radius:6px;margin-left:7px;padding:3px 7px;font-size:10px;display:inline-block}.student-roles{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start;gap:20px;display:grid}.student-role-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.student-role-list article{background:#fbfcff;border:1px solid #dbe5f3;border-radius:13px;padding:17px}.student-role-list article .row{justify-content:space-between;gap:8px}.student-role-list h3{font-size:16px;font-weight:650}.student-role-list p{color:#657894;margin:10px 0;font-size:13px;line-height:1.6}.student-role-list article>.pill{margin-top:10px}.student-roles .me-rolecard{position:sticky;top:18px}.student-roles .me-rolecard>.role-rank-field{gap:8px;display:grid}.me-rolecard .role-ticket-option{cursor:pointer;background:#f8faff;border:1px solid #dce5f3;border-radius:10px;align-items:flex-start;gap:10px;padding:14px;display:flex}.me-rolecard .role-ticket-option input{accent-color:#3268d8;flex:0 0 17px;width:17px;height:17px;margin:2px 0 0}.me-rolecard .role-ticket-option span{color:#476087;word-break:keep-all;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.6}.me-rolecard .role-ticket-option.selected{background:#edf4ff;border-color:#83a9eb}.me-rolecard .role-ticket-option:focus-within{outline-offset:2px;outline:2px solid #b0c9f7}.student-roles .me-rolecard .select{width:100%;max-width:none!important}.me-level .tnum{color:#3e6bbe;font-weight:650}.pet-care-reason{color:#64738a;text-align:center;word-break:keep-all;background:#f4f6fa;border-radius:9px;margin:8px 0 0;padding:10px 12px;font-size:12px;line-height:1.65}.pet-bond-hint{color:#718199;word-break:keep-all;font-size:11px;line-height:1.6}.pet-bond-hint b{color:#4e6f9a;font-weight:600}@media (max-width:1000px){.me-top{flex-wrap:wrap}.me-tabs{flex-wrap:wrap;margin-left:0}}@media (max-width:760px){.student-roles{grid-template-columns:1fr}.student-roles .me-rolecard{position:static}.student-role-list{grid-template-columns:1fr}}.dex-cell[data-rarity],.pet-dex-cell[data-rarity]{--dex-glow:0px;--dex-strength:0%;border:1px solid color-mix(in srgb, var(--rarity) 42%, #e3e9f2);box-shadow:0 0 var(--dex-glow) color-mix(in srgb, var(--rarity) var(--dex-strength), transparent), inset 0 0 0 1px #ffffffb3;border-top-width:2px;transition:box-shadow .2s,border-color .2s}.dex-cell[data-rarity=rare],.pet-dex-cell[data-rarity=rare]{--dex-glow:7px;--dex-strength:12%}.dex-cell[data-rarity=epic],.pet-dex-cell[data-rarity=epic]{--dex-glow:12px;--dex-strength:21%}.dex-cell[data-rarity=legend],.pet-dex-cell[data-rarity=legend]{--dex-glow:18px;--dex-strength:30%;border-color:#ddba69;box-shadow:0 0 0 1px #f7e8c3,0 0 18px #dca83240,inset 0 0 12px #efd7941c}.dex-cell[data-rarity]:hover{border-color:var(--rarity);box-shadow:0 0 0 1px color-mix(in srgb, var(--rarity) 30%, transparent), 0 0 18px color-mix(in srgb, var(--rarity) 24%, transparent)}.dex-cell[data-rarity].locked,.pet-dex-cell[data-rarity].locked{box-shadow:0 0 8px color-mix(in srgb, var(--rarity) 8%, transparent)}.dex-cell[data-rarity]:focus-visible{outline:3px solid color-mix(in srgb, var(--rarity) 65%, white);outline-offset:3px}.notice-paper{width:100%;min-width:0}.notice-paper-page{width:1440px}.notice-paper .notice-content,.notice-sheet .notice-paper .rich-area{box-sizing:border-box;font-family:var(--font);letter-spacing:-.02em;color:#27354b;overflow-wrap:anywhere;white-space:pre-wrap;font-variant-numeric:tabular-nums;border:0;border-radius:0;padding:28px 32px 40px;font-size:40px;font-weight:500;line-height:1.6;min-height:680px!important}.notice-paper .notice-content p{margin:0}.notice-paper .notice-content :-webkit-any(ol,ul){margin:0;padding-left:1.5em}.notice-paper .notice-content :is(ol,ul){margin:0;padding-left:1.5em}.notice-paper .notice-content font[size="3"]{font-size:40px}.notice-paper .notice-content font[size="5"]{font-size:56px}.notice-paper .notice-empty{color:#7b879b;font-weight:400}.nf .bf-head{grid-template-columns:1fr auto auto}.nf .nf-panel{padding:0;overflow:auto}.nf .nf-body{padding:0;overflow:visible}.chest{background-repeat:no-repeat;background-size:calc(var(--frames) * 100%) 100%;background-position:0 0;flex-shrink:0;display:inline-block}.chest.open{animation:.5s steps(9,end) forwards chest-open}@keyframes chest-open{to{background-position:100% 0}}.ps-back{--mouth:52px;z-index:60;color:#fff;background:radial-gradient(ellipse at 50% 55%, color-mix(in srgb, var(--rarity) 30%, #141c33) 0%, #0a0f1c 70%);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;padding:16px 24px 24px;animation:.3s ease-out ps-fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ps-confetti,.ps-trail{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.ps-trail{z-index:3}.ps-confetti{z-index:4}.ps-flash{z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 55%, #fffffff2 0%, color-mix(in srgb, var(--rarity) 50%, #ffffff8c) 32%, transparent 72%);animation:.6s ease-out forwards ps-flash;position:absolute;top:0;bottom:0;left:0;right:0}.ps-glow,.ps-rays,.ps-pillar{pointer-events:none;position:absolute}.ps-glow{background:radial-gradient(circle, color-mix(in srgb, var(--rarity) 62%, transparent) 0%, transparent 66%);opacity:.4;border-radius:50%;width:90vmin;height:90vmin;transition:opacity .5s;top:52%;left:50%;translate:-50% -50%}.st-charge .ps-glow{animation:.5s ease-in-out infinite alternate ps-throb}.st-open .ps-glow,.st-fly .ps-glow,.st-card .ps-glow,.st-front .ps-glow{opacity:1}.ps-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rarity) 40%, transparent) 0deg 6deg, transparent 6deg 15deg);opacity:0;width:170vmax;height:170vmax;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 40%);mask-image:radial-gradient(circle,#000 0%,#0000 40%)}.st-open .ps-rays,.st-fly .ps-rays,.st-card .ps-rays,.st-front .ps-rays{opacity:1;animation:22s linear infinite ps-spin,.7s ease-out both ps-rays-in}.ps-pillar{filter:blur(8px);transform-origin:top;background:linear-gradient(90deg,#0000,#ffd66e4d 25%,#fff8dcbf 50%,#ffd66e4d 75%,#0000);width:min(380px,72vw);animation:.9s ease-out both ps-pillar,2.6s ease-in-out .9s infinite ps-pulse;top:0;bottom:0;left:50%;translate:-50%}.ps-bar{z-index:6;justify-content:flex-end;justify-self:stretch;gap:8px;display:flex}.ps-bar button{color:#fff;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.ps-bar button:hover{background:#fff3}.ps-stage{z-index:2;perspective:1100px;place-items:center;min-height:0;display:grid;position:relative}.ps-stage>*{grid-area:1/1}.ps-stage.quake{animation:.5s linear ps-quake}.ps-foot{z-index:6;text-align:center;place-items:center;min-height:136px;display:grid}.ps-hint{letter-spacing:.02em;text-shadow:0 2px 10px #0006;font-size:21px;font-weight:800;animation:1.4s ease-in-out infinite ps-blink}.ps-back :focus-visible{outline-offset:4px;outline:3px solid #fff}.ps-pedestal{background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--rarity) 45%, #1d2744) 0%, #131b31 58%, #0b1122 100%);width:340px;height:86px;box-shadow:0 0 0 3px color-mix(in srgb, var(--rarity) 75%, #fff), 0 0 44px 12px color-mix(in srgb, var(--rarity) 42%, transparent), inset 0 -12px 22px #0000008c;border-radius:50%;align-self:center;transition:box-shadow .4s;position:relative;translate:0 130px}.ps-pedestal:before{content:"";border:2px dashed color-mix(in srgb, var(--rarity) 70%, #fff);opacity:.55;border-radius:50%;width:270px;height:270px;margin:-135px 0 0 -135px;animation:14s linear infinite ps-rune;position:absolute;top:50%;left:50%}.st-charge .ps-pedestal{box-shadow:0 0 0 4px color-mix(in srgb, var(--rarity) 80%, #fff), 0 0 60px 18px color-mix(in srgb, var(--rarity) 55%, transparent), inset 0 -12px 22px #0000008c}.st-charge .ps-pedestal:before{opacity:.9;animation-duration:3s}.st-card .ps-pedestal{animation:.8s ease-in forwards ps-fade-out}.ps-chest{color:inherit;font:inherit;cursor:pointer;filter:drop-shadow(0 18px 20px #0000008c);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.ps-chest:disabled{cursor:default}.ps-back .ps-chest:focus-visible{outline:none}.st-charge .ps-chest{filter:drop-shadow(0 18px 20px #0000008c) drop-shadow(0 0 18px color-mix(in srgb, var(--rarity) 80%, transparent))}.ps-chest-in{animation:.6s cubic-bezier(.5,0,.75,0) both ps-drop;display:block;position:relative}.ps-chest-in.up{animation:.55s ease-out both ps-up}.ps-chest-move{animation:2.2s ease-in-out .9s infinite ps-bob;display:block;position:relative}.st-charge .ps-chest-move{--sh:calc(2deg + var(--tier) * 1.5deg);animation:.34s ease-in-out infinite ps-shake}.st-charge.final .ps-chest-move{--sh:9deg;animation:.14s linear infinite ps-shake}.st-open .ps-chest-move{animation:.55s ease-out both ps-jump}.st-card .ps-chest{animation:.8s ease-in forwards ps-sink}.ps-dust{opacity:0;pointer-events:none;background:radial-gradient(#dce6ff73,#0000 70%);border-radius:50%;width:90%;height:40px;animation:.7s ease-out .45s ps-dust;position:absolute;bottom:9%;left:50%;translate:-50%}.ps-seam{height:5px;box-shadow:0 0 8px 3px color-mix(in srgb, var(--rarity) 70%, #fff), 0 0 36px 12px color-mix(in srgb, var(--rarity) 60%, transparent);opacity:0;pointer-events:none;background:#fff;border-radius:3px;position:absolute;top:73%;left:20%;right:20%}.ps-seam:after{content:"";filter:blur(1px);opacity:0;background:repeating-conic-gradient(from -60deg at 50% 100%,#ffffff80 0deg 3deg,#0000 3deg 11deg);height:120px;position:absolute;bottom:2px;left:-10%;right:-10%;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.st-charge .ps-seam{opacity:.6;animation:.18s ease-in-out infinite alternate ps-flicker}.st-charge.final .ps-seam{opacity:1;height:8px}.st-charge.final .ps-seam:after{opacity:1}.st-open .ps-seam,.st-fly .ps-seam,.st-card .ps-seam{display:none}.ps-fx{z-index:1;width:0;height:0;translate:0 var(--mouth);pointer-events:none;position:relative}.ps-beam,.ps-ring,.ps-mouth{opacity:0;position:absolute}.ps-beam{transform-origin:50% 100%;background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--rarity) 55%, transparent) 20%, #fffffff2 43%, #fff 50%, #fffffff2 57%, color-mix(in srgb, var(--rarity) 55%, transparent) 80%, transparent 100%);filter:blur(5px);width:240px;height:140vh;bottom:0;left:-120px;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.st-open .ps-beam{animation:.9s ease-out forwards ps-beam}.st-fly .ps-beam{opacity:.9;animation:1s ease-in forwards ps-beam-out}.ps-ring{border:8px solid color-mix(in srgb, var(--rarity) 55%, #fff);width:140px;height:140px;box-shadow:0 0 26px var(--rarity), inset 0 0 26px var(--rarity);border-radius:50%;top:-70px;left:-70px}.st-open .ps-ring{animation:.9s ease-out forwards ps-ring}.st-open .ps-ring.two{animation-delay:.16s}.ps-mouth{background:radial-gradient(ellipse, #fff 0%, #fff 22%, color-mix(in srgb, var(--rarity) 70%, #fff) 45%, transparent 72%);filter:blur(4px);border-radius:50%;width:260px;height:120px;top:-60px;left:-130px}.st-open .ps-mouth,.st-fly .ps-mouth{animation:.4s ease-out 80ms forwards ps-mouth,.12s ease-in-out .5s infinite alternate ps-flicker}.st-card .ps-mouth{opacity:1;animation:.7s ease-in forwards ps-fade-out}.ps-tier-pop{z-index:2;white-space:nowrap;text-shadow:0 0 20px var(--rarity), 0 0 40px var(--rarity), 0 3px 0 #0000004d;pointer-events:none;font-size:40px;font-weight:900;animation:1.1s ease-out both ps-pop;position:absolute;top:8%;left:50%;translate:-50%}.ps-card-slot{z-index:2;position:relative}.ps-card-slot.via-comet{animation:.6s cubic-bezier(.2,1.5,.4,1) both ps-card-in}.ps-card-slot.via-pop{animation:.4s ease-out both ps-rise-in}.ps-land{border:6px solid color-mix(in srgb, var(--rarity) 50%, #fff);width:160px;height:160px;box-shadow:0 0 24px var(--rarity);opacity:0;pointer-events:none;border-radius:50%;margin:-80px 0 0 -80px;animation:.8s ease-out ps-ring;position:absolute;top:50%;left:50%}.ps-rank{z-index:3;white-space:nowrap;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--rarity) 70%, #fff), var(--rarity));box-shadow:0 0 0 2px #fffc, 0 0 24px var(--rarity);text-shadow:0 1px 2px #00000040;border-radius:999px;padding:6px 18px;font-size:18px;font-weight:900;animation:.6s cubic-bezier(.2,1.6,.4,1) .55s both ps-badge;position:absolute;top:-22px;left:50%;translate:-50%}.r-legend .ps-rank{color:#3a2604;text-shadow:none;background:linear-gradient(135deg,#fff1b8,#e0a92a 40%,#fff7d6 60%,#c98b12);animation-delay:.9s}.ps-back .reveal{justify-items:center;gap:8px;animation:.4s .35s both ps-rise-in;display:grid}.ps-back .reveal-new{text-shadow:0 0 18px var(--rarity);font-size:26px}.ps-back .reveal .small{color:#ffffffd9}.ps-back .reveal .btn:not(.primary){color:var(--ink)}@keyframes ps-fade{0%{opacity:0}}@keyframes ps-fade-out{to{opacity:0}}@keyframes ps-flash{0%{opacity:.85}to{opacity:0}}@keyframes ps-spin{to{rotate:1turn}}@keyframes ps-rays-in{0%{scale:.1}}@keyframes ps-throb{to{opacity:.85;scale:1.12}}@keyframes ps-blink{50%{opacity:.55}}@keyframes ps-rune{0%{transform:scaleY(.3)rotate(0)}to{transform:scaleY(.3)rotate(1turn)}}@keyframes ps-drop{0%{transform:translateY(-75vh)}}@keyframes ps-dust{0%{opacity:.9;scale:.3 .6}to{opacity:0;scale:1.5 1}}@keyframes ps-up{0%{filter:brightness(2.4);transform:translateY(-30px)scale(1.25)}60%{transform:translateY(4px)scale(.97)}to{filter:none;transform:none}}@keyframes ps-bob{50%{transform:translateY(-8px)}}@keyframes ps-shake{0%,to{transform:rotate(0)}25%{transform:rotate(calc(var(--sh) * -1)) translateX(-4px)}75%{transform:rotate(var(--sh)) translateX(4px)}}@keyframes ps-jump{25%{transform:scale(1.15,.82)}55%{transform:translateY(-34px)scale(.94,1.1)}80%{transform:translateY(0)scale(1.04,.96)}}@keyframes ps-sink{to{opacity:0;transform:translateY(90px)scale(.8)}}@keyframes ps-quake{10%{translate:-9px 5px}20%{translate:8px -7px}30%{translate:-7px -3px}40%{translate:6px 6px}55%{translate:-4px 2px}70%{translate:3px -2px}85%{translate:-1px 1px}}@keyframes ps-flicker{to{opacity:.75}}@keyframes ps-beam{0%{opacity:0;transform:scale(.05,0)}15%{opacity:1;transform:scaleX(.3)}35%{transform:scaleX(1.3)}to{opacity:.9;transform:scale(1)}}@keyframes ps-beam-out{to{opacity:0;transform:scaleX(.3)}}@keyframes ps-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(8)}}@keyframes ps-mouth{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1.25)}}@keyframes ps-pop{0%{opacity:0;transform:translateY(20px)scale(.5)}25%{opacity:1;transform:translateY(-16px)scale(1.15)}80%{opacity:1}to{opacity:0;transform:translateY(-50px)}}@keyframes ps-pillar{0%{opacity:0;transform:scaleY(0)}}@keyframes ps-pulse{50%{opacity:.6}}@keyframes ps-card-in{0%{opacity:0;filter:brightness(4);transform:scale(.1)}45%{opacity:1;filter:brightness(1.8);transform:scale(1.12)}to{filter:none;transform:none}}@keyframes ps-badge{0%{opacity:0;transform:translateY(12px)scale(.4)}}@keyframes ps-rise-in{0%{opacity:0;transform:translateY(16px)}}.hc-wrap{--px:50%;--py:50%;--rx:0deg;--ry:0deg;--hyp:0;aspect-ratio:5/7;perspective:900px;touch-action:none;width:min(300px,72vw,71.4286dvh - 192.857px)}.hc-tilt,.hc-flip{width:100%;height:100%;transform-style:preserve-3d;position:relative}.hc-tilt{transform:rotateX(var(--rx)) rotateY(var(--ry))}.hc-flip{transition:transform .75s cubic-bezier(.3,1.35,.5,1)}.hc-legend .hc-flip{transition-duration:1.1s}.flipped .hc-flip{transform:rotateY(180deg)}.hc-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:18px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hc-back{font:inherit;cursor:pointer;background:repeating-radial-gradient(at 50% 46%,#0000 0 26px,#b9d0ff12 27px 28px,#0000 29px 53px),linear-gradient(150deg,#233e71,#11213f 65%,#314d7e);border:1px solid #9cb4e7;grid-template-rows:auto 1fr auto;place-items:center;padding:26px 20px;display:grid;box-shadow:inset 0 0 0 7px #1a3056,inset 0 0 0 8px #7b97c754,0 20px 45px #101e3e40}.hc-flip-btn{animation:1.2s ease-in-out infinite hc-pulse}.hc-back-mark{color:#d6e2fb;width:92px;line-height:1}.hc-back-mark svg{filter:drop-shadow(0 0 18px #9dbeff55);width:100%;display:block}.hc-back-caption{color:#d0def8;letter-spacing:.24em;font-size:10px;font-weight:600}.hc-back-foot{color:#8ea7d0;letter-spacing:.16em;font-size:7px}.hc-front{color:#1d2433;border:1px solid color-mix(in srgb, var(--rarity) 55%, #e8edf8);background:linear-gradient(155deg, #fff, #f8fafe 55%, color-mix(in srgb, var(--rarity) 12%, #fff));grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:13px;display:grid;transform:rotateY(180deg);box-shadow:inset 0 0 0 4px #ffffff9c,0 22px 45px #0e234b40}.hc-card-heading{letter-spacing:.12em;color:#7b8da9;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 12px;font-size:8px;display:flex}.hc-rarity-name{letter-spacing:.02em;color:color-mix(in srgb, var(--rarity) 80%, #273d66);font-size:10px;font-weight:700}.hc-art{background:radial-gradient(ellipse at 50% 42%, #fff 0 28%, color-mix(in srgb, var(--rarity) 14%, #f4f7ff) 68%, color-mix(in srgb, var(--rarity) 26%, #fff));border-radius:8px 8px 36% 36%/8px 8px 16% 16%;place-items:center;display:grid;position:relative;overflow:hidden}.hc-art:after{content:"";pointer-events:none;border:1px solid #ffffff75;border-radius:45% 45% 12px 12px;position:absolute;top:16px;bottom:16px;left:16px;right:16px}.hc-art img{z-index:1;object-fit:contain;filter:drop-shadow(0 8px 8px #0000002e);width:91%;height:91%;transform:translate(calc((var(--px) - 50%) * -.05), calc((var(--py) - 50%) * -.05));position:relative}.hc-info{text-align:center;justify-items:center;gap:7px;padding:14px 4px 8px;display:grid}.hc-stars{letter-spacing:4px;color:var(--rarity);font-size:10px}.hc-name{letter-spacing:-.035em;word-break:keep-all;font-size:clamp(14px,2.2vw,20px);line-height:1.4}.hc-sub{color:#7c8ba2;font-size:10px}.hc-holo,.hc-sparkle,.hc-foil,.hc-glare{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hc-foil,.hc-glare{border-radius:inherit}.hc-glare{background:radial-gradient(farthest-corner circle at var(--px) var(--py), #fffc 0%, #ffffff38 26%, #0003 92%);mix-blend-mode:overlay;opacity:calc(.3 + var(--hyp) * .5)}.hc-rare .hc-foil,.hc-epic .hc-foil,.hc-legend .hc-foil{background:linear-gradient(115deg,#0000 30%,#fff9 45%,#c8e6ff8c 50%,#0000 64%) 0 0/260% 260%;background-position:var(--px) var(--py);mix-blend-mode:overlay}.hc-epic .hc-holo,.hc-legend .hc-holo{background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff47 3px 4px) 0 0/100% 100%,repeating-linear-gradient(115deg,#ffb3c6 0%,#ffe6a3 7%,#c2ffcb 14%,#b3f0ff 21%,#d0c8ff 28%,#ffc2f1 35%,#ffb3c6 42%) 0 0/320% 320%;background-position:center, var(--px) var(--py);mix-blend-mode:multiply;opacity:calc(.2 + var(--hyp) * .2)}.hc-epic .hc-sparkle,.hc-legend .hc-sparkle{background-image:radial-gradient(circle,#fff 0 1.2px,#0000 2px),radial-gradient(circle,#fff 0 .8px,#0000 1.5px);background-size:23px 27px,13px 17px;background-position:calc(var(--px) * -.3) calc(var(--py) * -.3), calc(var(--px) * .4) calc(var(--py) * .25);-webkit-mask-image:radial-gradient(circle at var(--px) var(--py), #000 0%, #00000040 70%);-webkit-mask-image:radial-gradient(circle at var(--px) var(--py), #000 0%, #00000040 70%);mask-image:radial-gradient(circle at var(--px) var(--py), #000 0%, #00000040 70%)}.hc-epic .hc-front{box-shadow:inset 0 0 0 4px #ffffff80, 0 0 24px color-mix(in srgb, var(--rarity) 22%, transparent), 0 22px 45px #0e234b40}.hc-legend .hc-front{color:#453a25;background:linear-gradient(135deg,#fffdf4,#efe1bd 22%,#fffdf5 42%,#f3e9cc 62%,#fff6df 82%,#e2c886) 0 0/240% 240%;background-position:var(--px) var(--py);border:1px solid #c49b42;padding:13px;box-shadow:inset 0 0 0 4px #ffffff90,0 0 28px #e1bd542b,0 22px 45px #0e234b40}.hc-legend .hc-stars{color:#ac842e;text-shadow:none}.hc-legend .hc-sub{color:#5a4210}@keyframes hc-pulse{50%{box-shadow:0 0 0 3px color-mix(in srgb, var(--rarity) 90%, #fff), 0 0 64px 16px color-mix(in srgb, var(--rarity) 85%, transparent)}}@media (prefers-reduced-motion:reduce){.ps-back,.ps-back *,.chest.open{transition:none!important;animation:none!important}.chest.open{background-position:100% 0}}.pack-row{flex-wrap:wrap;gap:12px;display:flex}.pack-tile{--pk:var(--brand);border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--pk) 10%, #fff), #fff 80%);min-width:190px;color:var(--ink);font:inherit;cursor:pointer;border-radius:16px;justify-items:center;gap:2px;padding:6px 18px 14px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:grid}.pack-tile.heart{--pk:var(--heart);color:var(--heart)}.pack-tile .chest{transition:transform .2s}.pack-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1e325a1f}.pack-tile:hover:not(:disabled) .chest{transform:translateY(-4px)rotate(-4deg)}.pack-tile:disabled{opacity:.5;cursor:not-allowed}.pack-tile:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.tk-btn:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.tk{--tk:var(--brand);--cut:60px;--notch:7px;vertical-align:middle;filter:drop-shadow(0 2px 3px #141e3c33);max-width:100%;display:inline-flex}.tk-paper{min-width:0;min-height:64px;-webkit-mask:radial-gradient(circle var(--notch) at var(--cut) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--cut) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at var(--cut) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--cut) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at var(--cut) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle var(--notch) at var(--cut) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;border-radius:10px;align-items:stretch;display:flex;position:relative;overflow:hidden}.tk-stub{flex:0 0 var(--cut);background:color-mix(in srgb, var(--tk) 12%, #fff);place-items:center;display:grid}.tk-stub img{width:82%;height:auto}.tk-body{border-left:2px dashed color-mix(in srgb, var(--tk) 40%, #fff);background:linear-gradient(135deg, color-mix(in srgb, var(--tk) 76%, #fff), var(--tk) 55%, color-mix(in srgb, var(--tk) 84%, #000));color:#fff;text-align:left;text-shadow:0 1px 1px #0000002e;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;padding:8px 16px 8px 12px;font-weight:800;display:flex;position:relative;overflow:hidden}.tk-body small{opacity:.9;font-weight:700}.tk-body:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fff6 50%,#0000 65%);position:absolute;top:0;bottom:0;left:0;right:0;translate:-120%}.tk-foil .tk-body:after{animation:2.8s ease-in-out infinite tk-shine}.tk-btn:hover:not(:disabled) .tk-body:after{animation:.9s ease-out tk-shine}@keyframes tk-shine{to{translate:120%}}.tk-sm{--cut:40px;--notch:5px}.tk-sm .tk-paper{border-radius:7px;min-height:36px}.tk-sm .tk-body{padding:4px 12px 4px 9px;font-size:13px}.tk-lg{--cut:78px;--notch:8px}.tk-lg .tk-paper{width:100%;min-height:84px}.tk-lg{width:100%}.tk-lg .tk-body{font-size:17px}.tk-btn{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;transition:transform .15s}.tk-btn:hover:not(:disabled){transform:translateY(-2px)}.tk-btn:disabled{opacity:.5;cursor:not-allowed}.tk-row{flex-wrap:wrap;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){.tk-body:after{animation:none!important}}