.land{display:flex;flex-direction:column;overflow-x:hidden}.land-wrap{max-width:1100px;margin:0 auto;width:100%;padding:0 20px}.land h2{font-size:clamp(1.5rem,5.6vw,2.2rem);line-height:1.25;letter-spacing:-.02em;font-weight:800;margin:0}.land-body{font-size:clamp(.95rem,3.4vw,1.02rem);line-height:1.7;color:#c8bfa8;max-width:46ch;margin:12px 0 0}.land-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;border:1px solid #31486d;background:#16233d;color:#ece5d3;font:inherit;font-weight:700;font-size:.98rem;text-decoration:none;cursor:pointer;touch-action:manipulation;white-space:nowrap;transition:transform .12s ease,background-color .2s ease,border-color .2s ease}.land-btn.go{background:#e0763f;border-color:#e0763f;color:#0b1424}.land-btn:hover{border-color:#e0a94c}.land-btn.go:hover{background:#efb47f;border-color:#efb47f}.land-btn:active{transform:translateY(1px)}.land-btn:focus-visible{outline:2px solid #e0a94c;outline-offset:3px}.land-tag{align-self:flex-start;background:#e0763f;color:#0b1424;font-size:.7rem;font-weight:800;letter-spacing:.02em;border-radius:10px;padding:3px 9px}.land-hero{min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:26px;padding-top:max(30px,env(safe-area-inset-top))}.land-hero-copy{padding:0 20px;max-width:640px}.land-mark{margin:0 0 16px;font-size:clamp(1.15rem,4vw,1.4rem);font-weight:800;letter-spacing:-.02em;color:#e0763f}.land-hero h1{margin:0;font-size:clamp(2.05rem,8.6vw,3.5rem);line-height:1.14;letter-spacing:-.035em;font-weight:800}.land-lede{margin:16px 0 0;font-size:clamp(.95rem,3.6vw,1.08rem);line-height:1.6;color:#c8bfa8;max-width:34ch}.land-cta{display:flex;gap:10px;margin-top:24px}.land-hero-art{position:relative;min-height:0;overflow:hidden}.land-hero-shot{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.land-hero-art:before{content:"";position:absolute;inset:0 0 auto;height:84px;background:linear-gradient(#0b1424,#0b142400);z-index:1}.land-sec{padding:clamp(56px,12vw,104px) 0}.land-sec.deep{background:#0d1526}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.land-sec{animation:land-in linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}@keyframes land-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.land-roles{list-style:none;margin:24px -20px 0;padding:0 20px 8px;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(240px,78vw,300px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;overscroll-behavior-x:contain}.land-role{scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;background:#16233d;border:1px solid #31486d;border-radius:14px;padding:14px}.land-role.open{border-color:#e0a94c}.land-role-shot{width:100%;aspect-ratio:16 / 10;border-radius:14px;object-fit:cover;object-position:center 30%;display:block}.land-role-body b{display:block;font-size:1.05rem;margin-bottom:6px}.land-role-body p{margin:0;font-size:.88rem;line-height:1.55;color:#c8bfa8}.land-beats{list-style:none;margin:28px 0 0;padding:0}.land-beat{display:grid;grid-template-columns:30px 1fr;gap:16px}.land-beat-mark{position:relative;display:flex;justify-content:center;padding-top:2px;font-size:1.15rem}.land-beat-mark:before{content:"";position:absolute;top:30px;bottom:0;width:1px;background:#2a3d5e}.land-beat:last-child .land-beat-mark:before{display:none}.land-beat-body{padding-bottom:30px}.land-beat-body b{display:block;font-size:1.15rem;letter-spacing:-.01em}.land-beat-body p{margin:6px 0 0;font-size:.92rem;line-height:1.65;color:#c8bfa8;max-width:44ch}.land-beat-shot{width:100%;max-width:460px;aspect-ratio:16 / 9;margin-top:14px;border-radius:14px;object-fit:cover;display:block}.land-vow{display:flex;flex-direction:column;gap:22px}.land-vow-shot{width:100%;aspect-ratio:16 / 10;border-radius:14px;object-fit:cover;display:block}.land-vow-body .promise-badges{margin-top:20px}.land-chars{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px}.land-char{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:.85rem}.land-char-shot{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;object-position:center top;display:block;margin-bottom:4px}.land-char b{font-weight:700;line-height:1.3}.land-hp{font-size:.78rem;color:#9daabd}.land-modes{display:grid;gap:14px;margin-top:24px}.land-mode{background:#16233d;border:1px solid #31486d;border-radius:14px;overflow:hidden}.land-mode.pick{border-color:#e0763f}.land-mode-shot{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.land-mode-body{display:flex;flex-direction:column;gap:8px;padding:16px}.land-mode-body b{font-size:1.1rem}.land-mode-body p{margin:0;font-size:.9rem;line-height:1.6;color:#c8bfa8}.land-close{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.land-close .land-btn{margin-top:26px}.land-foot{display:flex;gap:22px;justify-content:center;border-top:1px solid #1d2c48;padding:10px 20px calc(18px + env(safe-area-inset-bottom))}.land-foot a{display:inline-flex;align-items:center;min-height:44px;color:#9daabd;font-size:.85rem;text-decoration:none}.land-foot a:hover{color:#ece5d3}@media(min-width:768px){.land-modes{grid-template-columns:1fr 1fr}.land-vow{flex-direction:row;align-items:center;gap:36px}.land-vow-shot{width:44%;flex:none;aspect-ratio:4 / 5}.land-beat{grid-template-columns:34px 1fr}}@media(min-width:900px){.land-hero{grid-template-rows:none;grid-template-columns:5fr 7fr;align-items:center;gap:48px;max-width:1180px;margin:0 auto;padding:0 clamp(24px,5vw,64px)}.land-hero-copy{padding:0}.land-hero-art{height:min(76dvh,700px);border-radius:14px}.land-hero-art:before{display:none}}@media(min-width:1024px){.land-roles{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;overflow:visible;margin-inline:0;padding-inline:0}.land-chars{grid-template-columns:repeat(7,1fr)}}@media(prefers-reduced-motion:reduce){.land-sec{animation:none!important;opacity:1!important;transform:none!important}.land-btn{transition:none}}*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,Noto Sans KR,sans-serif;background:#0b1424;color:#ece5d3}.app{max-width:430px;margin:0 auto;padding:12px;min-height:100dvh;display:flex;flex-direction:column;gap:10px;position:relative;overflow-x:hidden}h1{font-size:1.5rem;letter-spacing:-.5px}.muted{color:#9daabd;font-size:.85rem}button{font:inherit;color:inherit;background:#16233d;border:1px solid #31486d;border-radius:10px;padding:8px 12px;cursor:pointer;touch-action:manipulation;min-height:44px}button:disabled{opacity:.4;cursor:default}button.primary{background:#c1512a;border-color:#e0763f;font-weight:700}button.wide{width:100%}.ghostbtn{padding:2px 8px;font-size:.8rem;margin-left:auto}header{display:flex;gap:12px;align-items:center;font-size:.9rem;color:#c8bfa8;position:sticky;top:0;z-index:30;background:#0b1424;padding:6px 0;margin:-6px 0 0}.emo{height:1.1em;width:1.1em;object-fit:contain;vertical-align:-.18em;display:inline-block}header .storm{color:#ff8a4d;font-weight:700;animation:stormpulse 1.6s infinite}.seats{display:flex;flex-direction:column;gap:6px}.seat{text-align:left;display:flex;gap:10px;align-items:center;width:100%;position:relative;background:#13203a;border-color:#2a3d5e;overflow:hidden}.seat-info{display:flex;flex-direction:column;gap:1px;min-width:0}.seat.turn{border-color:#e0a94c;box-shadow:0 0 0 1px #e0a94c,0 0 14px #e0a94c40}.seat.dead{opacity:.45;filter:grayscale(.8)}.seat.targetable{border-color:#ff5a36;box-shadow:0 0 0 2px #ff5a36,0 0 18px #ff5a3659}.seat.dim{opacity:.35}.portrait{width:46px;height:46px;border-radius:8px;object-fit:cover;object-position:top;flex-shrink:0}.portrait.sm{width:24px;height:24px;border-radius:5px;vertical-align:middle;margin-right:6px}.portrait.xl{width:140px;height:140px;border-radius:16px;box-shadow:0 0 40px #e0763f59}.hearts{color:#ff7a3d;letter-spacing:1px}.hearts .empty{color:#3a4a66}.log{background:#0d1526;border:1px solid #1d2c48;border-radius:8px;padding:8px;font-size:.8rem;color:#b9c2d0;min-height:48px;max-height:96px;overflow-y:auto}.arc-wrap{min-height:0;overflow-y:auto;background:linear-gradient(#0b1424 40%,#0b142400) top / 100% 16px no-repeat local,linear-gradient(#0b142400,#0b1424 60%) bottom / 100% 16px no-repeat local,radial-gradient(farthest-side at 50% 0,#0000008c,#0000) top / 100% 9px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,#0000008c,#0000) bottom / 100% 9px no-repeat scroll}header,.mine,.app>.sheet{flex-shrink:0}.app.game{height:100dvh;min-height:0;overflow-y:auto}.app.game.sheeting{height:auto;min-height:100dvh}.error{background:#5a2320;border-radius:8px;padding:8px;font-size:.85rem}.mine{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-bottom:12px}.me-row{display:flex;gap:10px;align-items:center;position:relative}.hand{display:flex;gap:8px;overflow-x:auto;padding:6px 0}.card{min-width:86px;width:86px;height:118px;border-radius:10px;padding:0;background-size:cover;background-position:center;position:relative;overflow:hidden;border:1px solid #31486d;flex-shrink:0}.card .label{position:absolute;left:0;right:0;bottom:0;padding:14px 4px 4px;background:linear-gradient(transparent,#060b16f2);font-size:.78rem;font-weight:700;display:flex;flex-direction:column;line-height:1.15}.card .label small{color:#9daabd;font-weight:400}.card.selected{border-color:#e0a94c;box-shadow:0 0 0 2px #e0a94c,0 0 16px #e0a94c66;transform:translateY(-6px)}.card:disabled{filter:saturate(.5) brightness(.7)}.sheet{background:#16233d;border:1px solid #31486d;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.sheet.urgent{border-color:#ff5a36;box-shadow:0 0 24px #ff5a364d;display:flex;flex-direction:row;gap:12px;animation:urgentpulse 1.2s infinite}.sheet-art{width:84px;height:84px;border-radius:10px;object-fit:cover;flex-shrink:0}.sheet-body{display:flex;flex-direction:column;gap:8px;flex:1}.gate{align-items:center;justify-content:center;text-align:center;cursor:pointer;gap:14px}.score{width:100%;border-collapse:collapse}.score td{padding:6px 4px;border-bottom:1px solid #22334f}.score .num{text-align:right;font-weight:700}.score .winner td{color:#e0a94c;font-weight:700}.victory-banner{--victory-color: #e0a94c;position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--victory-color);box-shadow:0 10px 30px #00000059,0 0 20px color-mix(in srgb,var(--victory-color) 20%,transparent);animation:dramapop .55s ease-out both}.victory-banner.law{--victory-color: #7cc8c5}.victory-banner.outlaw{--victory-color: #e0763f}.victory-banner.renegade{--victory-color: #4aa6b2}.victory-banner img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.victory-banner figcaption{position:absolute;inset:0;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background:linear-gradient(180deg,transparent 40%,rgba(5,10,20,.9) 100%);text-shadow:0 2px 8px #050a14}.victory-banner figcaption span{color:#d7deea;font-size:.78rem;font-weight:700}.victory-banner figcaption strong{color:var(--victory-color);font-size:1.45rem;line-height:1.1}.bets{display:flex;flex-direction:column;gap:4px}.bets button{padding:2px 8px;font-size:.8rem;margin-left:4px}select{font:inherit;background:#16233d;color:inherit;border:1px solid #31486d;border-radius:6px;padding:4px 8px}input[type=range]{width:100%}input[type=text],input[type=email],input[type=password],input:not([type]){font:inherit;font-size:16px;background:#16233d;color:inherit;border:1px solid #31486d;border-radius:8px;padding:8px 10px;min-width:0}.join-row{display:flex;gap:8px}.join-row input{flex:1;text-transform:uppercase;letter-spacing:2px}.countdown{color:#e0a94c;font-weight:700}.countdown.low{color:#ff5a36;animation:stormpulse .6s infinite}.countdown.mine-turn{color:#0b1424;background:#e0a94c;border-radius:999px;padding:2px 8px;white-space:nowrap}.countdown.low.mine-turn{background:#ff5a36;color:#fff}.connbadge.open{color:#7dc98f}.connbadge.closed,.connbadge.connecting{color:#ff5a36}.card.unplayable{filter:saturate(.35) brightness(.55)}.setup-panel a{color:#9daabd;text-align:center}.choose-row{display:flex;gap:10px;width:100%}.choose-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;min-width:0}.choose-opt img{width:96px;height:96px;border-radius:12px;object-fit:cover;object-position:top}.choose-opt .ability{font-size:.78rem;color:#c8bfa8;line-height:1.3}.app.choose{justify-content:center;cursor:default}.cardbar{background:#16233d;border:1px solid #e0a94c;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;font-size:.9rem}.warn{color:#ff8a6a;font-size:.85rem}.center{text-align:center;max-width:320px}.sheet.info{border-color:#e0a94c}.portrait.tappable{cursor:pointer}.arc{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:8px}.arc-seat{position:relative;width:calc((100% - 16px) / 3);max-width:112px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;background:#13203a;border:1px solid #2a3d5e;border-radius:12px;font-size:.8rem;overflow:hidden;cursor:pointer}.turn-chip{position:absolute;top:0;left:0;right:0;background:#e0a94c;color:#10192b;font-size:.62rem;font-weight:700;letter-spacing:.5px;padding:1px 0}.arc-seat.turn{padding-top:20px}.arc.compact .arc-seat{font-size:.75rem;padding:6px 3px 5px}.arc-seat .portrait{width:44px;height:44px}.arc.compact .arc-seat .portrait{width:34px;height:34px}.arc-seat .nm{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem}.arc.compact .arc-seat .nm{font-size:.75rem}.arc-seat .sub{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.arc-seat.turn{border-color:#e0a94c;box-shadow:0 0 0 1px #e0a94c,0 0 14px #e0a94c40}.arc-seat.targetable{border-color:#ff5a36;box-shadow:0 0 0 2px #ff5a36,0 0 18px #ff5a3659}.arc-seat.dim{opacity:.35}.dead-row{display:flex;gap:6px;flex-wrap:wrap}.dead-chip{font-size:.75rem;padding:4px 8px;opacity:.7}.bot-fill{border:1px dashed #4a3d33;border-radius:12px;padding:10px;margin:10px 0;display:flex;flex-direction:column;gap:8px}.bot-fill-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bot-fill-row>span:first-child{font-weight:700;margin-right:auto}.bot-fill-row>b{min-width:1.4em;text-align:center;font-size:1.1rem}.bot-fill-row button{min-width:44px;min-height:44px;font-size:1.2rem}.bot-fill p{margin:0;font-size:.82rem}.start-count{text-align:center;font-size:1.3rem;font-weight:900;color:#e0a94c;animation:stormpulse .8s infinite;padding:6px}.reveal-emoji{font-size:4.5rem;line-height:1;animation:dramapop .6s ease-out both}.reveal-art{width:min(64vw,240px);aspect-ratio:1;object-fit:cover;border-radius:18px;box-shadow:0 0 44px #e0763f66;animation:dramapop .6s ease-out both}.reveal-art.sm{width:120px;border-radius:12px}.reveal-role{font-size:3rem;letter-spacing:-1px;color:#ffd23f;text-shadow:0 0 24px rgba(224,118,63,.6),0 3px 0 #431006;animation:dramapop .7s ease-out both;animation-delay:.15s}.reveal-goal{font-size:1.05rem;line-height:1.5;max-width:320px}.auth-tabs{display:flex;gap:8px}.auth-tabs button{flex:1}.sunset-gauge{color:#e0a94c;font-weight:700}.selected-opt{border-color:#e0a94c;box-shadow:0 0 0 2px #e0a94c}.sheet.salon{border-color:#e0a94c}.ping-row,.target-row{display:flex;gap:8px;flex-wrap:wrap}.ping-row button,.target-row button{font-size:.8rem;padding:6px 10px}.promise-badges{display:flex;gap:6px;flex-wrap:wrap}.promise-badge{font-size:.72rem;background:#16233d;border:1px solid #e0a94c;border-radius:999px;padding:2px 10px;color:#e8d9b8}.choose-opt.art{min-height:120px;justify-content:flex-end;text-shadow:0 1px 3px rgba(0,0,0,.9)}.will-opt{display:flex;align-items:center;gap:10px;text-align:left}.will-opt img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.will-opt span{font-size:.85rem;line-height:1.3}.setup{background-size:cover;background-position:center top;justify-content:flex-end}.setup-panel{background:#080d18d1;border:1px solid #31486d;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fx{position:absolute;inset:0;pointer-events:none;z-index:5}.fx-flash{position:fixed;inset:0;z-index:60;pointer-events:none;background:radial-gradient(120% 120% at 50% 45%,#ff60281f 35%,#c4200e8c);animation:flash .5s ease-out forwards}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes shake-a{0%,to{transform:translate(0)}15%{transform:translate(-7px,3px) rotate(-.6deg)}30%{transform:translate(6px,-2px) rotate(.5deg)}45%{transform:translate(-5px,-3px)}60%{transform:translate(4px,2px) rotate(.3deg)}80%{transform:translate(-2px,1px)}}@keyframes shake-b{0%,to{transform:translate(0)}15%{transform:translate(7px,-3px) rotate(.6deg)}30%{transform:translate(-6px,2px) rotate(-.5deg)}45%{transform:translate(5px,3px)}60%{transform:translate(-4px,-2px) rotate(-.3deg)}80%{transform:translate(2px,-1px)}}.fx-burst{position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:radial-gradient(circle,#ffd678f2,#ec6226d9,#dc3c1400 70%);animation:burst .5s ease-out forwards}@keyframes burst{0%{transform:scale(.15);opacity:1}60%{opacity:.9}to{transform:scale(2.6);opacity:0}}.fx-dmg{position:absolute;left:50%;top:40%;transform:translate(-50%);font-size:2.6rem;font-weight:900;color:#ff7a3d;text-shadow:0 2px 0 #431006,0 0 18px rgba(255,122,61,.8);animation:dmgfloat 1s ease-out forwards}@keyframes dmgfloat{0%{opacity:0;transform:translate(-50%,8px) scale(.5)}18%{opacity:1;transform:translate(-50%,-4px) scale(1.5)}35%{transform:translate(-50%,-10px) scale(1.15)}to{opacity:0;transform:translate(-50%,-54px) scale(1)}}.fx-bangword{position:absolute;right:10px;top:2px;font-size:1.7rem;font-weight:900;color:#ffd23f;text-shadow:0 0 14px #e0763f,0 2px 0 #431006;transform:rotate(-8deg);animation:bangpop .7s ease-out forwards}@keyframes bangpop{0%{opacity:0;transform:scale(.3) rotate(-20deg)}25%{opacity:1;transform:scale(1.35) rotate(-6deg)}45%{transform:scale(1) rotate(-8deg)}85%{opacity:1}to{opacity:0;transform:scale(1.05) rotate(-8deg)}}.fx-dodge{position:absolute;left:55%;top:30%;font-size:1.4rem;font-weight:900;color:#9ecbff;text-shadow:0 0 10px rgba(120,180,255,.7);animation:swish .6s ease-out forwards}@keyframes swish{0%{opacity:0;transform:translate(-26px) skew(-18deg)}25%{opacity:1}to{opacity:0;transform:translate(34px) skew(-18deg)}}.fx-skull{position:absolute;left:50%;top:50%;margin:-28px 0 0 -22px;font-size:3rem;animation:stamp .8s ease-out forwards}@keyframes stamp{0%{opacity:0;transform:scale(3.4) rotate(14deg)}35%{opacity:1;transform:scale(1) rotate(-4deg)}45%{transform:scale(1.15) rotate(-4deg)}55%{transform:scale(1) rotate(-4deg)}to{opacity:.9}}.gate-drama{display:flex;flex-direction:column;gap:8px;align-items:center;min-height:40px}.gate-drama>div{animation:dramapop .55s ease-out both;font-weight:900}.gate-drama .d-dmg{font-size:1.9rem;color:#ff7a3d;text-shadow:0 2px 0 #431006,0 0 18px rgba(255,122,61,.7)}.gate-drama .d-dodge{font-size:1.3rem;color:#9ecbff;text-shadow:0 0 12px rgba(120,180,255,.6)}.gate-drama .d-save{font-size:1.3rem;color:#ffd23f;text-shadow:0 0 12px rgba(255,210,63,.6)}.gate-drama .d-death{font-size:1.7rem;color:#ece5d3;text-shadow:0 0 16px rgba(255,90,54,.8)}@keyframes dramapop{0%{opacity:0;transform:scale(.4) translateY(10px)}55%{opacity:1;transform:scale(1.25) translateY(-2px)}to{transform:scale(1) translateY(0)}}@keyframes urgentpulse{0%,to{box-shadow:0 0 24px #ff5a364d}50%{box-shadow:0 0 34px #ff5a368c}}@keyframes stormpulse{0%,to{opacity:1}50%{opacity:.55}}.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ach{border:1px solid #2a3d5e;border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;font-size:.78rem;opacity:.45}.ach.on{opacity:1;border-color:#e0a94c;box-shadow:0 0 8px #e0a94c33}button.social{width:100%;font-weight:700;padding:12px}button.social.kakao{background:#fee500;color:#191919;border-color:#fee500}button.social.google{background:#f2f2f2;color:#1f1f1f;border-color:#d0d0d0}button.social.naver{background:#03c75a;color:#fff;border-color:#03c75a}.pf{--pf-size: 64px;--pf-ring: calc(var(--pf-size) * .075);--pf-glow: transparent;position:relative;display:inline-block;flex-shrink:0;width:var(--pf-size);height:var(--pf-size);border-radius:50%;padding:var(--pf-ring);background:var(--pf-metal);box-shadow:0 0 calc(var(--pf-size) * .18) var(--pf-glow);vertical-align:middle}.pf img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;display:block;background:#0b1424;box-shadow:inset 0 0 0 1px #0b1424e6}.pf-bronze{--pf-metal: conic-gradient(#8c5a2b, #c68642, #7a4a22, #b2793c, #8c5a2b)}.pf-silver{--pf-metal: conic-gradient(#9aa7b4, #e6edf3, #7d8a97, #cdd7e0, #9aa7b4)}.pf-gold{--pf-metal: conic-gradient(#b8860b, #ffd76e, #a0740a, #f0c14b, #b8860b);--pf-glow: rgba(240, 193, 75, .35)}.pf-platinum{--pf-ring: calc(var(--pf-size) * .09);--pf-metal: conic-gradient(#8fa8c8, #eef4ff, #7f97b8, #cfe0f5, #8fa8c8);--pf-glow: rgba(160, 200, 255, .4)}.pf-emerald{--pf-ring: calc(var(--pf-size) * .09);--pf-metal: conic-gradient(#0f6b52, #4bd9a5, #0b5340, #2fae86, #7cf0c4, #0f6b52);--pf-glow: rgba(75, 217, 165, .45);animation:pfspin 6s linear infinite}.pf-diamond{--pf-ring: calc(var(--pf-size) * .1);--pf-metal: conic-gradient(#a8e6ff, #ffffff, #9ad7ff, #dfe8ff, #b6f0ff, #ffffff, #a8e6ff);--pf-glow: rgba(168, 230, 255, .6);animation:pfspin 4s linear infinite}@keyframes pfspin{to{transform:rotate(360deg)}}.pf-emerald img,.pf-diamond img{animation:pfspin 6s linear infinite reverse}.pf-diamond img{animation-duration:4s}@media(prefers-reduced-motion:reduce){.pf-emerald,.pf-diamond,.pf-emerald img,.pf-diamond img{animation:none}}.tier-badge{font-weight:700;font-size:.85em}.tb-bronze{color:#c68642}.tb-silver{color:#cdd7e0}.tb-gold{color:#f0c14b}.tb-platinum{color:#cfe0f5}.tb-emerald{color:#4bd9a5}.tb-diamond{color:#a8e6ff}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;justify-items:center;width:100%}.avatar-pick{background:none;border:none;padding:0;cursor:pointer;opacity:.6;width:100%;max-width:56px;line-height:0}.avatar-pick.on,.avatar-pick:hover{opacity:1}.avatar-grid .pf{width:100%;height:auto;aspect-ratio:1}.tier-preview{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.tier-preview>span{flex:0 0 auto;width:52px;text-align:center;opacity:.4}.tier-preview>span.on{opacity:1}.tier-preview .tp-name{display:block;font-size:.72rem;white-space:nowrap;color:#9daabd;margin-top:2px}.profile-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.85rem;color:#9daabd}.profile-bar .who{display:flex;align-items:center;gap:6px;min-width:0}.profile-bar .acts{display:flex;gap:4px;margin-left:auto}.profile-bar .acts .ghostbtn{margin-left:0}.tier-row{display:flex;align-items:center;gap:10px}.tier-bar{flex:1;height:6px;background:#1d2c48;border-radius:3px;overflow:hidden}.tier-bar>i{display:block;height:100%;background:linear-gradient(90deg,#c1512a,#e0a94c)}.or-line{display:flex;align-items:center;gap:8px;color:#6c7c93;font-size:.75rem}.or-line:before,.or-line:after{content:"";flex:1;height:1px;background:#2a3d5e}.linkbtn{background:none;border:none;color:#9daabd;font-size:.82rem;padding:4px;text-decoration:underline;text-underline-offset:3px}.linkbtn:hover{color:#e0a94c}.setup-panel a{color:#9daabd}.install-hint{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#13203a;border:1px solid #2a3d5e;border-radius:10px;padding:8px 10px;font-size:.8rem;color:#c8bfa8}.install-hint .acts{display:flex;gap:6px;margin-left:auto;align-items:center}.install-hint .primary{padding:5px 10px;font-size:.8rem}@media(display-mode:standalone){.app{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}}.reject-reason{text-align:center;line-height:1.5}.gate-note{font-size:.8rem;color:#e0a94c;text-align:center;margin:-4px 0 0}button:disabled{opacity:.45;cursor:not-allowed}.tagline{font-size:.85rem;color:#c8bfa8;text-align:center;margin:-6px 0 0}.tagline a{color:#e0a94c;margin-left:6px;white-space:nowrap}header .help{margin-left:auto;width:26px;height:26px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #2a3d5e;border-radius:50%;color:#9daabd;text-decoration:none;font-weight:700}.role-goal{background:#13203a;border-left:3px solid #e0a94c;padding:6px 10px;border-radius:6px;line-height:1.45}.rules{gap:14px}.rules h2{font-size:1rem;margin:0;color:#e0a94c}.rules .sheet{gap:10px;align-items:stretch}.rules p{line-height:1.6;margin:0}.rule-card{display:flex;gap:10px;align-items:flex-start}.rule-card img{width:56px;flex:none;border-radius:8px;object-fit:cover;object-position:top}.rule-card b{display:block}.rule-card p{font-size:.85rem;margin-top:2px}.rule-chars{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.rule-char{display:flex;flex-direction:column;gap:2px;min-width:0}.rule-char img{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;object-position:top}.rule-char .ability{font-size:.78rem;color:#c8bfa8;line-height:1.35}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:max(16px,env(safe-area-inset-bottom));z-index:70;width:min(406px,calc(100vw - 24px));box-sizing:border-box;padding:10px 14px;border-radius:10px;font-size:.85rem;line-height:1.4;text-align:center;box-shadow:0 6px 24px #00000073;animation:toastin .18s ease-out}.toast.error{background:#5a2320;border:1px solid #8a3b34;color:#ffd9d4}.toast.success{background:#1c4433;border:1px solid #2f7d5c;color:#b8f0d5;font-weight:700}.toast.info{background:#16233d;border:1px solid #31486d;color:#c8d4e6}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.settle-row{display:flex;gap:10px;align-items:center;justify-content:center;background:#13203a;border:1px solid #2a3d5e;border-radius:10px;padding:8px 12px;font-size:.9rem;color:#c8bfa8}.settle-row .gain{color:#7dc98f}.settle-row .loss{color:#ff8a72}.hand-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.78rem;margin-bottom:-4px}.hand-head .scroll-hint{color:#e0a94c;white-space:nowrap}button.danger{color:#ff8a72;border-color:#6b2f28}.ghostbtn.danger{margin-left:0}.danger-zone{display:flex;flex-direction:column;gap:8px;align-items:stretch;border-top:1px solid #2a3d5e;margin-top:14px;padding-top:14px}.danger-zone .muted{font-size:.78rem;line-height:1.45}header .help{width:34px;height:34px}@media(prefers-reduced-motion:reduce){.app{animation:none!important}.fx,.fx-flash{display:none!important}.sheet.urgent,.start-count,.countdown.low,header .storm,.storm,.pf-emerald,.pf-diamond,.pf-emerald img,.pf-diamond img,.toast{animation:none!important}*{transition-duration:.01ms!important}}img.emo{width:1.1em;height:1.1em;min-width:0;min-height:0;border-radius:0;object-fit:contain;object-position:center;box-shadow:none}