:root{--paper:#f4f9fb;--line:#d8e6ee;--ink:#1f3a4a;--ink-dim:#6b8899;--resource:#3176b5;--challenge:#bc3f68;--review:#338d8d;--p1:#ff6b9d;--p1d:#d93b73;--p2:#57c43a;--p2d:#33991c;--p3:#ffa726;--p3d:#e07c00;--p4:#3aa0ff;--p4d:#1a76cc;--font: system-ui, "Microsoft YaHei", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(120% 80% at 50% 0%,#24384a,#16222e 70%);color:#dbe8f0;font-family:var(--font)}.stage{display:flex;align-items:flex-start;justify-content:center;gap:34px;padding:26px 20px 40px;flex-wrap:wrap}.phoneCol{display:flex;flex-direction:column;align-items:center;gap:12px}.phone{width:420px;height:860px;border-radius:34px;padding:9px;flex:none;background:linear-gradient(160deg,#3d4c5a,#1e2831);box-shadow:0 26px 60px #0000008c,inset 0 0 0 2px #ffffff0f}.screen{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#dbeeff,#e6f4ff,#e8f6ec 60%,#d7eddc);isolation:isolate}.screen>*{position:absolute}.seats{top:10px;left:9px;right:9px;display:grid;grid-template-columns:1fr 1fr;gap:14px 7px;z-index:5}.screen.seatsRow1 .seat:only-child{grid-column:1 / -1}.screen.seatsRow1 .cam{top:82px;height:576px}.seat{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:14px;background:linear-gradient(180deg,#fff,#eef7fc);border:2px solid #fff;box-shadow:0 4px 10px #1f3a4a2e}.seat.p1{--c1:var(--p1);--c2:var(--p1d)}.seat.p2{--c1:var(--p2);--c2:var(--p2d)}.seat.p3{--c1:var(--p3);--c2:var(--p3d)}.seat.p4{--c1:var(--p4);--c2:var(--p4d)}.seat.active{box-shadow:0 0 0 3px #f1c136d9,0 8px 16px #1f3a4a47}.pava{position:relative;width:38px;height:38px;flex:none}.pava img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:linear-gradient(180deg,#fff,#e8f3fa);border:2px solid var(--c1)}.pava .ord{position:absolute;left:-3px;top:-3px;width:16px;height:16px;border-radius:50%;background:var(--c2);color:#fff;font-size:10px;font-weight:800;font-style:normal;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000059}.pmain{min-width:0;flex:1}.pname{font-size:12.5px;font-weight:800;line-height:1.25;color:#fff;padding:1px 8px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,var(--c1),var(--c2));text-shadow:0 1px 0 rgba(0,0,0,.28)}.pres{display:flex;gap:4px;margin-top:2px}.rchip{display:flex;align-items:center;gap:2px;font-size:10.5px;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#fff,#eef7fc);border:1px solid var(--line);border-radius:6px;padding:0 4px;line-height:15px}.rchip svg{width:11px;height:11px}.rchip.g svg{color:#e0a10c}.rchip.b svg{color:var(--resource)}.pflag{position:absolute;left:6px;top:calc(100% - 3px);font-size:9px;font-weight:700;color:#fff;padding:0 6px;border-radius:0 0 6px 6px;white-space:nowrap;background:linear-gradient(180deg,var(--c1),var(--c2))}.turnTag{position:absolute;right:6px;bottom:-9px;font-size:9px;font-weight:800;color:#4a3203;background:linear-gradient(180deg,#ffe08a,#fcc419);border-radius:999px;padding:1px 7px;box-shadow:0 2px 5px #0003}.dayPill{top:158px;left:50%;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:5px;padding:4px 16px 5px;border-radius:999px;font-size:15px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 2px 0 rgba(20,60,100,.45);background:linear-gradient(180deg,#66c8f0,#2f8fd8);border:2px solid #fff;box-shadow:0 6px 16px #1f3a4a47,inset 0 -3px #0000001f}.dayPill svg{width:15px;height:15px;color:#ffe9a8}.cam{top:146px;left:0;right:0;height:512px;overflow:hidden;z-index:2;cursor:grab;touch-action:none}.cam.dragging{cursor:grabbing}.cam.dragging .table{transition:none}.camCtl{position:absolute;right:9px;top:9px;z-index:4;display:flex;flex-direction:column;gap:6px}.camCtl button{width:32px;height:32px;border-radius:50%;cursor:pointer;font-family:var(--font);font-size:15px;font-weight:800;line-height:1;color:#274b5e;background:linear-gradient(180deg,#fff,#e6f2f8);border:2px solid #fff;box-shadow:0 3px 8px #14324647;display:flex;align-items:center;justify-content:center}.camCtl button:hover{background:#fff}.camCtl button:active{transform:translateY(2px);box-shadow:0 1px 3px #1432464d}.camCtl button svg{width:16px;height:16px}.camHint{position:absolute;left:10px;bottom:10px;z-index:4;font-size:10.5px;font-weight:700;color:#fff;background:#1f3a4ab8;padding:4px 10px;border-radius:999px;box-shadow:0 3px 8px #14324640;animation:camHintOut 5s ease forwards}@keyframes camHintOut{0%,72%{opacity:1}to{opacity:0;visibility:hidden}}.space{position:absolute;top:0;right:0;bottom:0;left:0;perspective:720px;perspective-origin:50% 50%;background:linear-gradient(180deg,#a5d2a6,#8cbb8f 45%,#5f8a64 78%,#4a7050)}.table{position:absolute;transform-style:preserve-3d;transform:scale(1) rotateX(48deg);background-size:100% 100%;background-repeat:no-repeat;transition:left .22s ease,top .22s ease,transform-origin .22s ease,transform .2s ease}.boardSpin{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotate(var(--brot, 0deg));background-size:100% 100%;background-repeat:no-repeat}.bb{position:absolute;transform:rotate(var(--brotN, 0deg)) rotateX(-48deg);transform-origin:50% 100%}.bb img{width:100%;height:100%;object-fit:contain}.pieceBB img{filter:drop-shadow(0 5px 5px rgba(0,0,0,.35))}.pieceBB .nm{position:absolute;left:50%;bottom:calc(100% - 2px);transform:translate(-50%);font-size:10px;font-weight:800;color:#fff;white-space:nowrap;padding:0 7px;line-height:16px;border-radius:8px;border:1.5px solid #fff;text-shadow:0 1px 0 rgba(0,0,0,.3);background:linear-gradient(180deg,var(--c1,#3aa0ff),var(--c2,#1a76cc))}.deckBB img{filter:drop-shadow(0 8px 8px rgba(0,0,0,.3))}.deckBB .cnt{position:absolute;right:-6px;top:-8px;min-width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#ffe08a,#f5a623);color:#4a3203;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 3px 6px #0000004d;padding:0 3px}.logline{bottom:100px;left:11px;right:11px;height:30px;z-index:5;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:10px;background:#1f3a4adb;color:#eaf6ff;font-size:11.5px;box-shadow:0 6px 16px #14283747;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.logline svg{width:13px;height:13px;color:#8fd8ff;flex:none}.logline .txt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.logline .txt b{color:#ffd75e}.hand{bottom:11px;left:11px;right:11px;height:82px;z-index:6;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:7px;border-radius:14px;background:linear-gradient(180deg,#fffffff0,#e9f4fbf0);border:2px solid #fff;box-shadow:0 10px 22px #1f3a4a38}.slot{position:relative;width:57px;height:70px;border-radius:10px;flex:none;overflow:hidden;border:2px solid #fff;background:linear-gradient(180deg,#f6fbff,#e4eff8);box-shadow:0 3px 8px #1f3a4a2e}.slot img{width:100%;height:100%;object-fit:cover}.slot .cname{position:absolute;left:0;right:0;bottom:0;font-size:9px;font-weight:700;color:#fff;text-align:center;line-height:14px;background:linear-gradient(180deg,#142d4126,#142d41d1);text-shadow:0 1px 1px rgba(0,0,0,.5)}.slot.empty{border:2px dashed #b7d6e8;background:repeating-linear-gradient(45deg,#f1f8fd,#f1f8fd 6px,#e7f2fa 6px,#e7f2fa 12px);display:flex;align-items:center;justify-content:center}.slot.empty:after{content:"+";font-size:20px;font-weight:700;color:#a8c8dc}.goBtn{left:50%;bottom:142px;transform:translate(-50%);z-index:7;width:104px;height:104px;border-radius:50%;border:5px solid #fff;cursor:pointer;font-family:var(--font);font-size:30px;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 2px 0 rgba(150,30,60,.55),0 0 8px rgba(255,255,255,.5);background:radial-gradient(60% 60% at 50% 30%,#ff9aa8,#f2486a 60%,#d92b4e);box-shadow:0 8px #ad2138,0 14px 26px #a01e3c73;animation:goBreath 1.8s ease-in-out infinite}.goBtn:active{transform:translate(-50%) translateY(5px);box-shadow:0 3px #ad2138,0 6px 14px #a01e3c66}.goBtn:disabled{animation:none;cursor:default}.goBtn:disabled .goTxt{filter:grayscale(.35) brightness(.95)}.goTxt[hidden]{display:none}.goDice{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;perspective:180px}.goDice[hidden]{display:none}.gCube{position:relative;width:52px;height:52px;transform-style:preserve-3d;animation:goDiceSpin 1.15s linear infinite}.gCube i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background-color:#fff;background-repeat:no-repeat;background-size:132% 132%;background-position:center;border:1px solid rgba(40,70,90,.2);box-shadow:inset 0 -3px #00000012}.gCube i.f1{transform:rotateY(0) translateZ(26px)}.gCube i.f6{transform:rotateY(180deg) translateZ(26px)}.gCube i.f3{transform:rotateY(90deg) translateZ(26px)}.gCube i.f4{transform:rotateY(-90deg) translateZ(26px)}.gCube i.f2{transform:rotateX(90deg) translateZ(26px)}.gCube i.f5{transform:rotateX(-90deg) translateZ(26px)}.gCube.done{animation:none;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}@keyframes goDiceSpin{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(720deg)}}@keyframes goBreath{0%,to{box-shadow:0 8px #ad2138,0 14px 26px #a01e3c73}50%{box-shadow:0 8px #ad2138,0 14px 26px #a01e3c73,0 0 0 12px #ff789638}}.fabBook{right:16px;bottom:222px;z-index:8;width:48px;height:48px;border-radius:50%;border:2.5px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5bbfa0,#2e8f72);box-shadow:0 4px #14503c80,0 8px 16px #143c3259}.fabBook svg{width:22px;height:22px;color:#fff}.fabBook:active{transform:translateY(3px);box-shadow:0 1px #14503c80}.manualPage{top:0;right:0;bottom:0;left:0;z-index:15;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#eef8f3,#e2f1ea 40%,#cfe8e6);font-family:var(--font);color:#1f3a4a}.manualPage[hidden]{display:none}.mnClose{position:sticky;top:10px;margin:10px 10px -34px auto;width:30px;height:30px;z-index:2;border-radius:50%;border:2px solid #fff;background:#2e6e6ed9;color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px #143c3c4d}.mnTop{background:#fff;padding:10px 14px 14px;display:flex;gap:10px;align-items:flex-start}.mnLogoWrap{flex:none;padding-top:12px}.mnLogo{position:relative;background:linear-gradient(180deg,#4db98e,#2e9a72);color:#fff;font-size:19px;font-weight:900;letter-spacing:2px;padding:11px 18px;white-space:nowrap;border-radius:44% 56% 52% 48%/55% 48% 52% 45%;box-shadow:0 4px #1e6e5059,inset 0 -3px #00000014}.mnLogo .s1,.mnLogo .s2{position:absolute;font-style:normal;color:#f5c518;font-size:13px}.mnLogo .s1{left:-11px;top:-7px}.mnLogo .s2{right:-10px;bottom:-6px}.mnSelf{flex:1;min-width:0}.mnTitle{font-size:16.5px;font-weight:900;color:#2f7cc0;margin-bottom:7px;letter-spacing:1px}.mnLine{display:flex;align-items:baseline;gap:4px;margin:7px 0;font-size:13px}.mnLine label{font-weight:800;color:#274b5e;white-space:nowrap}.mnLine .fill{flex:1;min-width:0;border-bottom:1.5px solid #9db8c8;padding:0 4px 2px;color:#2a5568;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mnNote{font-size:10.5px;color:#8aa4b2;margin-top:2px}.mnGreen{padding:16px 12px 22px}.mnPlaque{width:max-content;margin:0 auto;padding:7px 26px;border-radius:999px;background:linear-gradient(180deg,#3d8585,#2e6e6e);color:#fff;font-size:16.5px;font-weight:900;letter-spacing:3px;text-align:center;border:3px solid rgba(255,255,255,.75);box-shadow:0 4px 10px #1e5a5a4d;position:relative}.mnPlaque:before,.mnPlaque:after{content:"•";position:absolute;top:50%;transform:translateY(-52%);color:#bfe3dd;font-size:12px}.mnPlaque:before{left:10px}.mnPlaque:after{right:10px}.mnIntro{font-size:12.5px;line-height:1.8;color:#2a4d46;margin:12px 2px 8px}.mnCols{display:grid;grid-template-columns:46% 1fr;gap:10px;margin-top:12px;align-items:start}.mnAch,.mnScore{background:#fff;border:1.5px solid #bcd6d0;border-radius:8px;overflow:hidden;box-shadow:0 3px 8px #285a501a}.mnAchHead,.mnScoreHead{display:grid;text-align:center;font-weight:900;font-size:13px;color:#1f3a4a;border-bottom:1.5px solid #bcd6d0;background:#f4faf8}.mnAchHead{color:#e8842c;padding:6px 0}.mnScoreHead span{padding:6px 0;border-left:1.5px solid #dcebe6}.mnScoreHead span:first-child{border-left:0}.mnAchRow{display:flex;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;color:#274b5e;border-bottom:1px solid #dcebe6;min-height:27px}.mnAchRow span:first-child{flex:1}.mnAchRow .cut{width:0;align-self:stretch;border-left:1.5px dashed #b8cfd8;margin:0 7px 0 auto}.mnAchRow b{width:16px;text-align:center;color:#2e8f72}.mnAchRow b.mnWild{width:auto;flex:1;text-align:right;font-size:10px;font-weight:700;color:#b8860b}.mnAchRow.wild{background:#fff3c4}.mnAchRow.alt{background:#e8f4fb}.mnScoreRow{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;border-bottom:1px solid #dcebe6;min-height:44px}.mnScoreRow:last-child{border-bottom:0}.mnScoreRow .ic{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;font-weight:800;color:#274b5e;padding:5px 0;border-right:1.5px solid #dcebe6}.mnScoreRow .ic svg{width:20px;height:20px}.mnScoreRow b,.mnScoreRow>span:not(.ic){text-align:center;font-size:14px;color:#2a5568;border-right:1.5px solid #dcebe6;align-self:stretch;display:flex;align-items:center;justify-content:center}.mnScoreRow>span:last-child{border-right:0;color:#c96a7c}.mnScoreHead{grid-template-columns:1.1fr 1fr 1fr;color:#2f7cc0}.mnEmpty{margin-top:10px;padding:12px;border-radius:10px;text-align:center;font-size:11.5px;line-height:1.7;color:#7ba39b;background:#ffffff8c;box-shadow:inset 0 0 0 1.5px #d5e9e2}.mnDiary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.mnDiaryCard{background:#fff;border-radius:10px;min-height:118px;padding:9px 10px;box-shadow:0 3px 8px #285a501f}.mnDiaryCard.blank{box-shadow:inset 0 0 0 1.5px #e2efe9}.mnDiaryCard .dq{font-size:11px;font-weight:800;color:#358e8a;margin-bottom:4px}.mnDiaryCard .da{font-size:11.5px;line-height:1.7;color:#2a5568}.veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#10283a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.veil[hidden]{display:none}.pop{width:344px;max-height:660px;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:linear-gradient(180deg,#fff,#eef7fc);border:4px solid #fff;box-shadow:0 20px 50px #0a1e2d80;animation:popIn .24s cubic-bezier(.2,1.5,.5,1)}@keyframes popIn{0%{transform:scale(.9) translateY(12px);opacity:.3}}.popTitle{position:relative;padding:9px 14px;text-align:center;font-size:17px;font-weight:900;color:#fff;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.28);background:linear-gradient(180deg,var(--c1),var(--c2))}.popX{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:2px solid #fff;cursor:pointer;background:#ffffff40;color:#fff;font-size:12px;font-weight:800;line-height:1}.popBody{padding:11px 12px;overflow:auto;display:flex;flex-direction:column;gap:7px}.row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:inset 0 -3px #0000001f,0 3px 8px #1f3a4a29}.row img{width:32px;height:32px;object-fit:contain;border-radius:50%;background:#fff;border:2px solid #fff}.row .rname{flex:1;font-size:14px;font-weight:800;color:#fff;text-shadow:0 1.5px 0 rgba(0,0,0,.25)}.row .sel{font-size:11.5px;font-weight:700;color:#3c5060;background:#fff;border-radius:8px;padding:3px 9px;box-shadow:inset 0 -2px #00000014}.row .sel:after{content:" ▾"}.row .you{font-size:10.5px;font-weight:800;color:#fff;background:#ffffff4d;border-radius:999px;padding:1px 8px}.popBtns{display:flex;gap:9px;padding:0 12px 13px}.candy{flex:1;padding:11px 8px;border-radius:14px;cursor:pointer;font-family:var(--font);font-size:16px;font-weight:900;color:#fff;letter-spacing:1px;border:3px solid #fff;text-shadow:0 2px 0 rgba(0,0,0,.28);background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:0 5px #00000038,0 8px 16px #1f3a4a33}.candy.ghost{color:#5b7788;text-shadow:none;background:linear-gradient(180deg,#fff,#e6f1f8);border-color:#dceaf3}.candy:active{transform:translateY(4px);box-shadow:0 1px #00000038}.cardPop{align-items:center;text-align:center;gap:9px}.cardPop .bigCard{width:150px;border-radius:11px;box-shadow:0 12px 24px #1f3a4a57}.cardName{font-size:14px;font-weight:900;color:#fff;padding:3px 14px;border-radius:10px;background:linear-gradient(180deg,var(--c1),var(--c2));text-shadow:0 1.5px 0 rgba(0,0,0,.25)}.cardFx{font-size:12px;line-height:1.7;color:var(--ink-dim)}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chip{font-family:var(--font);font-size:13px;font-weight:700;color:#dbe8f0;cursor:pointer;padding:8px 15px;border-radius:999px;background:#ffffff17;border:1px solid rgba(255,255,255,.2)}.chip:hover{background:#ffffff2b}.chip.hot{background:linear-gradient(180deg,#ffd75e,#f5a623);color:#4a3203;border-color:#fff}.hint{font-size:12.5px;color:#93b4c4;text-align:center;max-width:430px;line-height:1.7}.notes{width:390px;max-width:100%}.notes h1{font-size:19px;margin:0 0 4px;color:#fff;letter-spacing:.5px}.notes .sub{font-size:12px;color:#8fa9ba;margin-bottom:14px;line-height:1.6}.note{display:flex;gap:10px;padding:10px 12px;margin-bottom:8px;border-radius:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.1)}.note .pi{flex:none;font-size:10px;font-weight:800;color:#16222e;background:#ffd75e;border-radius:6px;padding:1px 6px;height:16px;line-height:14px;margin-top:1px}.note.p1 .pi{background:#8fd8ff}.note.p2 .pi{background:#c9d6e0}.note b{display:block;font-size:13.5px;color:#fff;margin-bottom:2px}.note span{font-size:12px;line-height:1.65;color:#a9c2d2}.pres{gap:3px}.rchip{padding:0 3px;gap:2px;font-size:10px;line-height:15px}.rchip svg{width:10px;height:10px}.rchip.op svg{color:#2f7fd1}.rchip.cr svg{color:#e0a10c}.rchip.sk svg{color:#d64541}.rchip.en svg{color:#3aa655}.dlgMask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;padding:26px;background:#0d263773;display:flex;align-items:center;justify-content:center}.dlg{position:relative;width:100%;max-width:320px;background:linear-gradient(180deg,#fff,#eef7fc);border:2px solid #fff;border-radius:18px;box-shadow:0 18px 40px #0f283c61;padding:18px 16px 14px;animation:dlgIn .22s ease}.dlgBody{max-height:42vh;overflow:auto}@keyframes dlgIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.dlgTag{position:absolute;top:-11px;left:14px;font-size:11px;font-weight:800;color:#fff;padding:2px 10px;border-radius:999px;background:linear-gradient(180deg,#66c8f0,#2f8fd8);box-shadow:0 3px 8px #1432464d}.tag-res .dlgTag{background:linear-gradient(180deg,#5aa7dd,#3f7fb5)}.tag-chal .dlgTag{background:linear-gradient(180deg,#d96a92,#c94f74)}.tag-rev .dlgTag{background:linear-gradient(180deg,#4fae9f,#3a9188)}.tag-hid .dlgTag{background:linear-gradient(180deg,#9aa8b4,#82909c)}.tag-path .dlgTag{background:linear-gradient(180deg,#e05a4e,#c53a32)}.tag-win .dlgTag{background:linear-gradient(180deg,#f3bf3a,#e0a10c);color:#4a3203}.tag-any .dlgTag{background:linear-gradient(180deg,#8a7be0,#6a5acd)}.dlgTitle{margin:2px 0 8px;font-size:17px;font-weight:800;color:#1f3a4a}.dlgBody p{margin:0 0 6px;font-size:12.5px;line-height:1.55;color:#33566b}.dlgOpts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dlgOpts button{flex:1;min-width:104px;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:800;color:#274b5e;background:linear-gradient(180deg,#fff,#e6f2f8);border:2px solid #fff;border-radius:12px;padding:9px 10px;box-shadow:0 4px 10px #14324638}.dlgOpts button:active{transform:translateY(2px);box-shadow:0 1px 3px #1432464d}.dlgOpts button.primary{color:#fff;text-shadow:0 1px 0 rgba(120,50,0,.3);background:linear-gradient(180deg,#ff9d42,#f07f1f)}.dlgOpts.single button{color:#fff;text-shadow:0 1px 0 rgba(20,60,100,.35);background:linear-gradient(180deg,#66c8f0,#2f8fd8)}.dlgAuto{flex-basis:100%;text-align:center;font-size:11px;color:#7a95a6}.dlgInput{width:100%;box-sizing:border-box;margin-top:2px;resize:none;font-family:var(--font);font-size:13px;line-height:1.6;color:#1f3a4a;background:#fff;border:1.5px solid #bcd6e4;border-radius:10px;padding:8px 10px;outline:none;box-shadow:inset 0 2px 4px #1e3c5a0f}.dlgInput::placeholder{color:#9fb4c2}.dlgInput:focus{border-color:#66c8f0;box-shadow:0 0 0 3px #66c8f038,inset 0 2px 4px #1e3c5a0f}.dlgInputAuto{font-size:11px;color:#9aa8b4;font-style:italic}.dlgDiceWrap{display:flex;flex-direction:column;align-items:center;gap:7px;margin-top:10px}.dlgDiceBtn{width:84px;height:84px;border:none;cursor:pointer;padding:0;background:none;perspective:300px}.dlgDiceBtn:disabled{cursor:default}.dlgDiceBtn:not(:disabled):active .dCube{filter:brightness(.96)}.dCube{position:relative;display:block;width:72px;height:72px;margin:0 auto;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(24deg)}.dlgDiceBtn:after{content:"";position:absolute;left:16%;right:16%;bottom:-4px;height:10px;border-radius:50%;background:#14324638;filter:blur(4px);z-index:-1}.dCube.breath{animation:dlgDiceBreath 1.6s ease-in-out infinite}@keyframes dlgDiceBreath{0%,to{transform:rotateX(-18deg) rotateY(24deg) translateY(0)}50%{transform:rotateX(-18deg) rotateY(24deg) translateY(-5px)}}.dCube i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background-color:#fff;background-repeat:no-repeat;background-size:132% 132%;background-position:center;border:1px solid rgba(40,70,90,.2);box-shadow:inset 0 -3px #00000012}.dCube i.f1{transform:rotateY(0) translateZ(36px)}.dCube i.f6{transform:rotateY(180deg) translateZ(36px)}.dCube i.f3{transform:rotateY(90deg) translateZ(36px)}.dCube i.f4{transform:rotateY(-90deg) translateZ(36px)}.dCube i.f2{transform:rotateX(90deg) translateZ(36px)}.dCube i.f5{transform:rotateX(-90deg) translateZ(36px)}.dlgDiceBtn.done .dCube{transition:none}.dlgDiceBtn.done .dCube i.f1{box-shadow:inset 0 -3px #00000012,0 0 0 3px #3aa6558c}.dlgDiceHint{font-size:12px;font-weight:800;color:#33566b;text-align:center}.flipWrap{display:flex;flex-direction:column;align-items:center;gap:7px;margin:2px 0 4px}.flipCard{width:120px;height:178px;perspective:700px}.flipCard.clickable{cursor:pointer}.flipCard:not(.flipped){animation:flipBreath 1.8s ease-in-out infinite}@keyframes flipBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.flipInner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.3,.7,.35,1)}.flipCard.flipped .flipInner{transform:rotateY(180deg)}.flipCard .face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:3px solid #fff;box-shadow:0 10px 22px #0f283c59}.flipCard .face.back{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:repeating-linear-gradient(45deg,#ffffff29 0,#ffffff29 9px,#fff0 9px,#fff0 18px),linear-gradient(160deg,#66c8f0,#2f8fd8)}.tag-res .face.back{background-image:repeating-linear-gradient(45deg,#ffffff29 0,#ffffff29 9px,#fff0 9px,#fff0 18px),linear-gradient(160deg,#5aa7dd,#3f7fb5)}.tag-chal .face.back{background-image:repeating-linear-gradient(45deg,#ffffff29 0,#ffffff29 9px,#fff0 9px,#fff0 18px),linear-gradient(160deg,#d96a92,#c94f74)}.tag-rev .face.back{background-image:repeating-linear-gradient(45deg,#ffffff29 0,#ffffff29 9px,#fff0 9px,#fff0 18px),linear-gradient(160deg,#4fae9f,#3a9188)}.face.back:before{content:"✦";font-size:38px;line-height:1;color:#fff;text-shadow:0 2px 6px rgba(20,50,70,.35)}.face.back:after{content:attr(data-name);font-size:13px;font-weight:800;letter-spacing:3px;color:#fff;text-shadow:0 1px 3px rgba(20,50,70,.4)}.flipCard .face.front{transform:rotateY(180deg);background:#fff}.flipCard .face.front img{width:100%;height:100%;object-fit:cover;display:block}.flipHint{font-size:12px;font-weight:800;color:#33566b;text-align:center;animation:flipHintPulse 1.4s ease-in-out infinite}@keyframes flipHintPulse{0%,to{opacity:1}50%{opacity:.55}}.revealCnt{animation:flipReveal .3s ease}@keyframes flipReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.prole{font-style:normal;font-size:9px;font-weight:700;color:#fff;background:#ffffff47;border-radius:6px;padding:0 5px;margin-left:3px;text-shadow:0 1px 0 rgba(0,0,0,.15);vertical-align:1px}.specTag{top:196px;left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:5px;padding:4px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#fff;white-space:nowrap;background:#1f3a4acc;border:1.5px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #142d414d;animation:specPulse 2s ease-in-out infinite}.specTag svg{width:14px;height:14px;color:#ffd75e;flex:none}@keyframes specPulse{0%,to{opacity:.94}50%{opacity:1}}.gsetup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;padding:16px;background:linear-gradient(180deg,#dbeeff,#e6f4ff,#e8f6ec 60%,#d7eddc)}.gsCard{width:min(100%,352px);margin:auto;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#fff,#eef7fc);border:4px solid #fff;border-radius:20px;box-shadow:0 20px 50px #0a1e2d59;padding:14px 12px;animation:popIn .24s cubic-bezier(.2,1.5,.5,1)}.gsTitle{text-align:center;font-size:19px;font-weight:900;color:#1f3a4a;letter-spacing:1px}.gsSub{text-align:center;font-size:11.5px;color:#6b8899;margin-top:-4px}.gsTop{display:flex;align-items:center;gap:8px}.gsTop .gsTitle{flex:1}.gsBack{font-family:var(--font);font-size:12px;font-weight:800;color:#5b7788;cursor:pointer;flex:none;background:linear-gradient(180deg,#fff,#e6f1f8);border:1.5px solid #dceaf3;border-radius:999px;padding:4px 10px}.gsBack:active{transform:translateY(1px)}.gsBal{width:56px;flex:none}.gsMode{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;font-family:var(--font);padding:11px 12px;border-radius:14px;border:2.5px solid #fff;color:#fff;background:linear-gradient(180deg,#66c8f0,#2f8fd8);box-shadow:inset 0 -3px #00000024,0 4px 10px #1f3a4a33}.gsMode:active{transform:translateY(1px)}.gsMode.on{box-shadow:0 0 0 3px #f1c136e6,inset 0 -3px #00000024,0 4px 10px #1f3a4a33}.gsMode svg{width:26px;height:26px;flex:none}.gsModeTxt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.gsModeTxt b{font-size:16px;font-weight:900;letter-spacing:1px;text-shadow:0 1.5px 0 rgba(0,0,0,.25)}.gsModeTxt i{font-style:normal;font-size:11px;font-weight:600;text-shadow:0 1px 1px rgba(0,40,70,.3)}.gsOk{flex:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#ffe08a,#fcc419);color:#4a3203;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.gsMode.off{background:linear-gradient(180deg,#f2f6f9,#dde8ee);cursor:not-allowed;box-shadow:inset 0 -3px #0000000d}.gsMode.off:active{transform:none}.gsMode.off svg{color:#9db2c0}.gsMode.off .gsModeTxt b{color:#5f7d92;text-shadow:none}.gsMode.off .gsModeTxt i{color:#8fa5b4;text-shadow:none}.gsSoon{flex:none;font-size:10px;font-weight:800;color:#4a3203;background:linear-gradient(180deg,#ffe08a,#fcc419);border:1.5px solid #fff;border-radius:999px;padding:2px 8px}.gsBots{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:9px 10px 10px}.gsBotsLabel{font-size:12px;font-weight:800;color:#274b5e;margin-bottom:7px}.gsPills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gsPills button{font-family:var(--font);font-size:12px;font-weight:800;color:#274b5e;cursor:pointer;padding:7px 2px;border-radius:10px;border:2px solid #dceaf3;background:linear-gradient(180deg,#fff,#eef7fc)}.gsPills button.on{color:#fff;border-color:#fff;background:linear-gradient(180deg,#66c8f0,#2f8fd8);box-shadow:0 3px 8px #2f8fd866}.gsHint{margin-top:7px;font-size:10.5px;color:#7a95a6;text-align:center}.candy:disabled{color:#9db2c0;text-shadow:none;cursor:not-allowed;background:linear-gradient(180deg,#f4f9fc,#e6eff5);border-color:#fff;box-shadow:0 3px #00000014}.candy:disabled:active{transform:none}.gsGo{--c1:#ff9d42;--c2:#f07f1f;margin-top:2px;position:sticky;bottom:-14px;z-index:2}.roleGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.roleCell{position:relative;padding:0;border:3px solid #fff;border-radius:12px;overflow:hidden;cursor:pointer;background:#fff;aspect-ratio:840/1248;box-shadow:0 4px 10px #1f3a4a2e}.roleCell img{width:100%;height:100%;object-fit:cover;display:block}.roleCell.on{border-color:#fcc419;box-shadow:0 0 0 3px #f1c136d9,0 6px 14px #1f3a4a47}.roleCell .rnm{position:absolute;left:0;right:0;bottom:0;font-size:11px;font-weight:800;color:#fff;text-align:center;line-height:18px;background:linear-gradient(180deg,#142d411a,#142d41cc);text-shadow:0 1px 1px rgba(0,0,0,.5)}.roleCell .rtick{position:absolute;right:5px;top:5px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#ffe08a,#fcc419);color:#4a3203;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 5px #00000040}