:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#070a10;--panel:#111620;--panel-2:#171d29;--paper:#f2ead9;--muted:#958f86;--line:#f2ead91f;--red:#d4575e;--gold:#d6a84e;--blue:#5b8aa3;--rose:#cc6570;--green:#679879;--mint:#71b796;--violet:#8c78ac;--safe-top:max(env(safe-area-inset-top), 0px);--safe-bottom:max(env(safe-area-inset-bottom), 0px);font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:#05070b;width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;color:var(--paper);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% -10%,#29303b 0,#0000 38rem),repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 8px),#05070b}button{color:inherit;font:inherit;cursor:pointer;border:0}button:focus-visible{outline:2px solid var(--user-accent,var(--gold));outline-offset:2px}button:disabled{cursor:default}.app-shell{background:var(--ink);isolation:isolate;width:min(100%,460px);height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 90px #000000bf}.app-shell.portal-shell{background:#080b11;width:100%;max-width:1180px}.portal-screen{width:100%;height:100%;padding:calc(var(--safe-top) + 22px) clamp(18px, 4vw, 54px) calc(var(--safe-bottom) + 20px);color:var(--paper);isolation:isolate;scrollbar-width:thin;scrollbar-color:#554832 transparent;background:linear-gradient(#dfc08406 1px,#0000 1px) 0 0/46px 46px,linear-gradient(90deg,#dfc08406 1px,#0000 1px) 0 0/46px 46px,radial-gradient(circle at 70% 22%,#892e361a,#0000 24rem),#080b11;position:relative;overflow:hidden auto}.portal-glow{z-index:-1;filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.glow-one{background:#83283324;width:330px;height:330px;top:8%;right:-80px}.glow-two{background:#b6894014;width:260px;height:260px;bottom:8%;left:-100px}.portal-header{justify-content:space-between;align-items:center;width:min(100%,1060px);height:45px;margin:0 auto clamp(30px,5vh,58px);display:flex}.portal-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.portal-logo{color:#d4ac62;background:#11151d;border:1px solid #dcb46a6b;border-radius:50% 50% 8px 8px;place-items:center;width:38px;height:38px;font-family:KaiTi,STKaiti,serif;font-size:17px;display:grid;box-shadow:inset 0 0 16px #cf993712}.portal-brand strong,.portal-brand small{display:block}.portal-brand strong{letter-spacing:.18em;font-family:KaiTi,STKaiti,serif;font-size:16px}.portal-brand small{color:#6f6c66;letter-spacing:.21em;margin-top:1px;font:600 6px/1 Georgia,serif}.portal-header-meta{align-items:center;gap:15px;display:flex}.portal-header-meta>span{color:#77736c;letter-spacing:.08em;align-items:center;gap:6px;font-size:8px;display:flex}.portal-header-meta>span i,.live-badge i{background:#72a985;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #72a985}.portal-hero{grid-template-columns:minmax(270px,.82fr) minmax(430px,1.18fr);align-items:center;gap:clamp(28px,6vw,76px);width:min(100%,1060px);margin:0 auto;display:grid}.portal-kicker{color:#898278;letter-spacing:.11em;margin:0 0 13px;font-size:9px;font-weight:700}.portal-kicker span{color:#0c0e12;background:#c5a15d;margin-right:8px;padding:4px 6px;font:700 7px/1 Georgia,serif}.portal-hero-copy h1{color:#eee4d1;letter-spacing:.02em;margin:0;font-family:KaiTi,STKaiti,serif;font-size:clamp(42px,5.5vw,70px);font-weight:500;line-height:1.08}.portal-hero-copy h1 em{color:#c8a55e;text-shadow:0 0 30px #ca9e4b21;font-style:normal}.portal-lead{color:#86817a;max-width:390px;margin:19px 0 23px;font-size:11px;line-height:1.8}.portal-stats{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);display:grid}.portal-stats>div{border-right:1px solid #ffffff14;padding:13px 10px 12px}.portal-stats>div:first-child{padding-left:0}.portal-stats>div:last-child{border-right:0}.portal-stats strong,.portal-stats small{display:block}.portal-stats strong{color:#d6bd88;font:500 19px/1 Georgia,serif}.portal-stats small{color:#615f5b;margin-top:4px;font-size:7px}.featured-game{text-align:left;background:#11151d;border:1px solid #e1be7a38;border-radius:5px 24px;grid-template-rows:minmax(250px,42vh) auto;min-width:0;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000061}.featured-game:hover{border-color:#e1be7a6b;transform:translateY(-4px);box-shadow:0 34px 80px #0000007a,0 0 34px #a1414414}.featured-game:active{transform:translateY(-1px)scale(.995)}.featured-art{background:#0c1017;min-height:0;position:relative;overflow:hidden}.featured-art img{object-fit:cover;object-position:50% 17%;filter:saturate(.88)contrast(1.04);width:58%;height:125%;position:absolute;bottom:-20%}.featured-boy{z-index:1;left:-10%}.featured-teacher{z-index:2;left:22%}.featured-girl{z-index:1;right:-10%}.featured-shade{z-index:3;background:linear-gradient(90deg,#080a0f45,#0000 30% 70%,#080a0f47),linear-gradient(#0000 52%,#11151d);position:absolute;inset:0}.featured-number{z-index:4;color:#edddbf21;font:500 76px/1 Georgia,serif;position:absolute;bottom:6px;left:17px}.live-badge{z-index:4;color:#9cc1a9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;background:#070a0ebf;border:1px solid #6ca6814d;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:7px;font-weight:800;display:flex;position:absolute;top:14px;right:14px}.featured-copy{z-index:4;background:linear-gradient(115deg,#161b24,#0f131a);grid-template-columns:1fr auto;align-items:center;gap:14px;min-height:104px;padding:16px 19px;display:grid;position:relative}.featured-copy small{color:#9a7d55;letter-spacing:.08em;font-size:7px;font-weight:700}.featured-copy h2{letter-spacing:.1em;margin:3px 0 4px;font-family:KaiTi,STKaiti,serif;font-size:25px;font-weight:500}.featured-copy p{color:#74716c;margin:0;font-size:8px;line-height:1.45}.featured-cta{color:#d5b06a;border:1px solid #d8b26947;border-radius:50%;place-items:center;width:57px;height:57px;display:grid}.featured-cta small{align-self:end;font-size:6px}.featured-cta b{align-self:start;font:500 18px/1 Georgia,serif}.portal-library{width:min(100%,1060px);margin:clamp(45px,8vh,78px) auto 0}.library-heading{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.library-heading h2{letter-spacing:.08em;margin:0;font-family:KaiTi,STKaiti,serif;font-size:25px;font-weight:500}.library-heading>span{color:#5f5d59;font-size:8px}.library-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.library-card{color:#d8d0c2;text-align:left;background:#10141ccc;border:1px solid #ffffff13;border-radius:3px 12px;grid-template-columns:50px 1fr auto;align-items:center;gap:10px;min-width:0;height:82px;padding:8px 12px 8px 8px;display:grid;position:relative}.library-card.active{border-color:#cca45b42;transition:border-color .2s,background .2s}.library-card.active:hover{background:#171c25;border-color:#cca45b75}.library-index{z-index:2;color:#cba75f;background:#07090dcc;padding:2px 3px;font:600 6px/1 Georgia,serif;position:absolute;top:5px;left:5px}.library-thumb,.library-placeholder{background:#0b0e13;border-radius:2px 8px;width:50px;height:64px;overflow:hidden}.library-thumb img{object-fit:cover;object-position:50% 18%;width:100%;height:100%}.library-placeholder{color:#3f4248;border:1px dashed #ffffff17;place-items:center;font:500 18px/1 Georgia,serif;display:grid}.library-card strong,.library-card small{display:block}.library-card strong{letter-spacing:.06em;font-family:KaiTi,STKaiti,serif;font-size:13px}.library-card small{color:#67655f;margin-top:4px;font-size:7px}.library-card>i{color:#ad8b50;font:17px/1 Georgia,serif}.library-card.coming{opacity:.52}.soon-tag{color:#676762;letter-spacing:.06em;border:1px solid #ffffff17;padding:3px 4px;font:600 5px/1 Georgia,serif}.portal-footer{color:#5f5d59;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;width:min(100%,1060px);min-height:74px;margin:24px auto 0;padding-top:16px;font-size:8px;display:flex}.portal-footer p{margin:0}.portal-footer>div{gap:18px;display:flex}.portal-footer b{font-weight:700}.back-to-portal{color:#d5b372;border-radius:0;padding:0}.app-shell:before,.app-shell:after{content:"";z-index:30;pointer-events:none;position:absolute}.app-shell:before{border:1px solid #e7c98e17;inset:0}.app-shell:after{opacity:.3;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E");inset:0}.home-screen,.game-screen{width:100%;height:100%;min-height:0;padding:calc(var(--safe-top) + 10px) 16px calc(var(--safe-bottom) + 12px);flex-direction:column;display:flex;position:relative;overflow:hidden}.home-screen{--active:var(--gold);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--active) 12%, transparent), transparent 18rem), linear-gradient(180deg, #06090e2e, #06090ed9 58%, #070a10 100%)}.home-ambient,.game-ambient{z-index:-2;filter:blur(24px)saturate(.7);opacity:.17;background-position:50% 16%;background-size:cover;transition:background-image .35s;position:absolute;inset:-5%;transform:scale(1.15)}.home-screen:before,.game-screen:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#e2be7b0d 50%,#0000 50.2%),radial-gradient(#0000 20%,#03050873 75%);position:absolute;inset:0}.home-header,.game-header{z-index:3;flex:0 0 42px;justify-content:space-between;align-items:center;height:42px;display:flex;position:relative}.brand-mark{background:#0c0f16b3;border:1px solid #e6c58652;place-items:center;width:31px;height:31px;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 14px #ddac5014}.brand-mark span{color:#d5b372;letter-spacing:-1px;font:600 12px/1 Georgia,serif;transform:rotate(-45deg)}.header-actions{gap:7px;display:flex}.icon-button{border:1px solid var(--line);color:#c7bdac;background:#0e1219b8;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:all .18s;display:grid}.icon-button:active{border-color:#e2be7b66;transform:scale(.92)}.title-block{text-align:center;flex:none;padding:clamp(6px,1.8vh,17px) 0 clamp(8px,1.6vh,14px)}.eyebrow{color:#b7a985;letter-spacing:.22em;text-transform:uppercase;margin:0 0 5px;font-size:9px;font-weight:700}.title-block h1{color:#f2e8d4;letter-spacing:.12em;text-indent:.12em;text-shadow:0 3px 24px #000000b3;margin:0;font-family:KaiTi,STKaiti,Georgia,serif;font-size:clamp(36px,6.2vh,56px);font-weight:500;line-height:.95}.title-block h1:after{content:"";background:linear-gradient(90deg, transparent, var(--active), transparent);width:58px;height:1px;margin:10px auto 7px;display:block}.title-block .subtitle{color:#8f8a82;letter-spacing:.08em;margin:0;font-size:11px}.role-picker{perspective:700px;flex:auto;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:8px;min-height:172px;max-height:265px;display:grid}.role-card{opacity:.55;filter:saturate(.65);background:#111620;border:1px solid #eee1c71c;border-radius:4px 4px 16px;min-width:0;padding:0;transition:transform .25s,opacity .25s,border-color .25s,filter .25s;position:relative;overflow:hidden;transform:scale(.94)translateY(4px)}.role-card:before{content:"";z-index:3;pointer-events:none;border:1px solid #ffffff12;position:absolute;inset:7px}.role-card.active{z-index:2;opacity:1;filter:saturate(1.05);border-color:color-mix(in srgb, var(--role-color) 60%, transparent);box-shadow:0 12px 34px color-mix(in srgb, var(--role-color) 18%, transparent);transform:scale(1)translateY(0)}.role-card img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.role-vignette{background:linear-gradient(#0000 40%,#04060a66 61%,#080b11 97%);position:absolute;inset:0}.role-card-copy{z-index:2;text-align:left;position:absolute;bottom:11px;left:10px;right:8px}.role-card-copy strong,.role-card-copy small{display:block}.role-card-copy strong{letter-spacing:.08em;margin-bottom:2px;font-family:KaiTi,STKaiti,serif;font-size:clamp(15px,2.4vh,19px);font-weight:600}.role-card-copy small{color:var(--role-color);letter-spacing:.05em;font-size:8px;font-weight:700}.chosen-chip{z-index:4;color:#101117;background:var(--role-color);white-space:nowrap;letter-spacing:.08em;border-radius:20px;padding:3px 7px;font-size:7px;font-weight:900;position:absolute;top:12px;left:50%;transform:translate(-50%)}.role-detail{border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--active) 8%, #111620), #0e1219d1);border-radius:4px 12px;flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:58px;margin-top:clamp(7px,1.2vh,11px);padding:8px 9px;display:grid}.passive-badge{border:1px solid color-mix(in srgb, var(--active) 40%, transparent);width:35px;height:35px;color:var(--active);border-radius:50%;place-items:center;font-size:8px;font-weight:800;display:grid}.role-detail strong{letter-spacing:.05em;font-size:11px;display:block}.role-detail p{color:#8d8982;margin:2px 0 0;font-size:8px;line-height:1.35}.hp-preview{color:var(--active);white-space:nowrap;font:700 9px/1 Georgia,serif}blockquote{color:#8e8980;text-align:center;flex:none;place-items:center;min-height:25px;margin:clamp(4px,.8vh,8px) 0;font-family:KaiTi,STKaiti,serif;font-size:10px;display:grid}.home-footer{flex:none}.start-button{color:#14120f;background:linear-gradient(115deg, #fff3, transparent 22%), var(--active);width:100%;height:clamp(52px,7.2vh,64px);box-shadow:0 10px 30px color-mix(in srgb, var(--active) 18%, transparent);border-radius:3px 15px;grid-template-columns:auto 1fr auto;align-items:center;padding:0 18px;transition:all .18s;display:grid}.start-button:active{box-shadow:0 5px 14px color-mix(in srgb, var(--active) 14%, transparent);transform:translateY(2px)scale(.99)}.start-button span{letter-spacing:.12em;border-right:1px solid #0f0f0f3d;padding-right:12px;font-size:9px;font-weight:800}.start-button strong{text-align:left;letter-spacing:.12em;padding-left:13px;font-size:15px}.start-button i{font:22px/1 Georgia,serif}.record-line{color:#676760;justify-content:center;align-items:flex-end;gap:5px;height:26px;font-size:8px;display:flex}.record-line strong{color:#a49b8b;font-size:10px}.record-line em{border-left:1px solid var(--line);color:#737f74;margin-left:9px;padding-left:9px;font-style:normal}.game-screen{background:radial-gradient(circle at 50% 45%,#9268331a,#0000 17rem),linear-gradient(#0a0e15,#080b10);padding-left:12px;padding-right:12px}.game-header{flex-basis:38px;height:38px}.game-header .icon-button{width:29px;height:29px;font-size:11px}.game-header .header-actions{gap:5px}.round-label{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.round-label small,.round-label strong{white-space:nowrap;display:block}.round-label small{color:#6f6d68;letter-spacing:.16em;font-size:7px}.round-label strong{letter-spacing:.1em;margin-top:1px;font-family:KaiTi,STKaiti,serif;font-size:13px;font-weight:500}.players-row{flex:0 0 clamp(92px,14.7vh,120px);grid-template-columns:repeat(3,1fr);gap:6px;min-height:0;padding:5px 0 4px;display:grid}.player-card{text-align:left;background:linear-gradient(145deg,#191e28f2,#0c0f15f2);border:1px solid #eee1c717;border-radius:3px 10px;grid-template-columns:43% 57%;min-width:0;padding:0;transition:transform .18s,border-color .2s,filter .2s;display:grid;position:relative;overflow:hidden}.player-card.current{border-color:color-mix(in srgb, var(--role-color) 65%, transparent);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--role-color) 70%, transparent), 0 5px 18px #00000040}.player-card.targeted{background:linear-gradient(145deg,#4a1f25cc,#111016f2);border-color:#d06168;transform:translateY(-2px)}.player-card.defeated{opacity:.36;filter:grayscale()}.player-portrait{min-width:0;position:relative;overflow:hidden}.player-portrait:after{content:"";background:linear-gradient(90deg,#0000 50%,#151a23 100%),linear-gradient(#0000 40%,#06080b73);position:absolute;inset:0}.player-portrait img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;transform:scale(1.08)}.turn-pip,.human-pip,.out-pip{z-index:3;letter-spacing:.05em;border-radius:2px;padding:2px 4px;font-size:6px;font-weight:900;position:absolute;left:4px}.turn-pip{color:#101216;background:var(--role-color);bottom:4px}.human-pip{color:var(--role-color);border:1px solid color-mix(in srgb, var(--role-color) 40%, transparent);background:#07090dcc;top:4px}.out-pip{color:#c4beb3;white-space:nowrap;background:#050608db;top:50%;left:50%;transform:translate(-50%,-50%)}.player-meta{z-index:2;min-width:0;padding:7px 5px 5px 1px;position:relative}.player-meta strong,.player-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-meta strong{letter-spacing:.04em;font-family:KaiTi,STKaiti,serif;font-size:clamp(11px,1.8vh,14px)}.player-meta small{color:var(--role-color);margin-top:2px;font-size:6px;font-weight:700}.life-pips{color:#ffffff21;flex-wrap:wrap;gap:1px;margin-top:6px;font-size:6px;display:flex}.life-pips .filled{color:var(--role-color);text-shadow:0 0 7px color-mix(in srgb, var(--role-color) 60%, transparent)}.effect-row{z-index:4;gap:2px;display:flex;position:absolute;bottom:4px;right:4px}.effect-row span{color:#e5cf9e;background:#080a0ed1;border:1px solid #ffffff2e;border-radius:50%;grid-auto-flow:column;place-items:center;min-width:13px;height:13px;padding:0 2px;font-size:7px;display:grid}.target-corners,.target-corners:before,.target-corners:after{pointer-events:none;position:absolute}.target-corners{z-index:5;border:1px solid #de586133;inset:4px}.target-corners:before{content:"目标";color:#f0b0b4;background:#732d34;padding:1px 3px;font-size:6px;top:2px;right:2px}.device-zone{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:208px;display:flex;position:relative}.fate-counter{color:#9c968b;letter-spacing:.03em;grid-template-columns:1fr 26px 1fr;align-items:center;width:min(86%,310px);font-size:8px;display:grid;position:absolute;top:3px;left:50%;transform:translate(-50%)}.fate-counter:before,.fate-counter:after{content:"";background:var(--line);width:30px;height:1px;position:absolute;top:50%}.fate-counter:before{right:100%}.fate-counter:after{left:100%}.fate-counter>span{justify-content:center;align-items:center;gap:4px;display:flex}.fate-counter i{border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px}.counter-curse{color:#ce656b}.counter-curse i{background:#c95159}.counter-blank{color:#889ba0}.counter-blank i{border:1px solid #91a4a9}.fate-counter b{border:1px solid var(--line);color:#d2c9b8;background:#0b0f15;border-radius:50%;place-items:center;height:19px;font:500 9px/1 Georgia,serif;display:grid}.roulette-device{aspect-ratio:1;filter:drop-shadow(0 15px 20px #0000007a);border-radius:50%;place-items:center;width:clamp(150px,24vh,202px);margin-top:12px;display:grid;position:relative}.outer-runes{border:1px solid #d5ae6324;border-radius:50%;animation:28s linear infinite slow-turn;position:absolute;inset:0}.outer-runes i{transform-origin:0 calc(clamp(150px,24vh,202px)/2 - 5px);background:#ddb76d4d;width:1px;height:5px;position:absolute;inset:5px 50% auto}.roulette-plate{aspect-ratio:1;background:radial-gradient(circle at 37% 30%,#ffffff17,#0000 13%),radial-gradient(circle,#1d222a 0 25%,#0b0e14 26% 31%,#23272e 32% 62%,#090c11 63% 68%,#353027 69% 70%,#11151c 71%);border:1px solid #e3c17e57;border-radius:50%;place-items:center;width:79%;transition:transform .3s;display:grid;position:relative;box-shadow:inset 0 0 0 5px #0000003d,inset 0 0 28px #000000e6,0 0 0 4px #0a0d12,0 0 0 5px #d9b26624}.roulette-plate>span{transform-origin:13px 13px;width:26px;height:26px;transform:rotate(var(--rotation)) translateY(-3.35rem);background:#080b10;border-radius:50%;place-items:center;display:grid;position:absolute;top:calc(50% - 13px);left:calc(50% - 13px);box-shadow:inset 0 2px 5px #000,0 1px #ffffff14}.roulette-plate>span i{background:#11151b;border:1px solid #4a4b49;border-radius:50%;width:8px;height:8px}.roulette-plate>span.loaded i{background:radial-gradient(circle at 40% 35%,#d8b96e,#755323 62%,#2b1b0d);border-color:#a68850;box-shadow:0 0 8px #d6aa5138}.device-core{z-index:3;background:radial-gradient(circle at 40% 30%,#252a32,#090c11 67%);border:1px solid #e5c37f52;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;box-shadow:0 4px 14px #0009}.device-core small{color:#75736f;letter-spacing:.1em;font-size:6px}.device-core strong{color:#bcb2a0;margin-top:-1px;font:500 24px/1 Georgia,serif}.device-core strong.curse{color:#f07278;text-shadow:0 0 13px #dc4a55cc}.device-core strong.blank{color:#acc1c4;text-shadow:0 0 12px #7eb0ba80}.needle{z-index:5;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 3px #000);background:#ba9858;width:10px;height:17px;position:absolute;top:0;left:calc(50% - 5px)}.roulette-device.spinning .roulette-plate{animation:.86s cubic-bezier(.18,.75,.3,1) both wheel-spin}.roulette-device.spinning .needle{animation:.12s linear infinite needle-jump}.turn-status{color:#a7a197;letter-spacing:.02em;align-items:center;gap:6px;height:19px;margin:5px 0 0;font-size:9px;display:flex}.turn-status>span{border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px}.known-sequence{align-items:center;gap:3px;display:flex;position:absolute;bottom:8px;right:1px}.known-sequence small{color:#716d67;margin-right:2px;font-size:6px}.known-sequence span{border-radius:50%;place-items:center;width:17px;height:17px;font-size:7px;display:grid}.known-sequence .curse{color:#f28a8f;background:#35171b;border:1px solid #7f343a}.known-sequence .blank{color:#a5bbbe;background:#162225;border:1px solid #45585b}.inventory-zone{z-index:7;border-top:1px solid var(--line);flex:0 0 clamp(76px,10.7vh,92px);min-height:0;padding-top:2px;position:relative}.inventory-title{justify-content:space-between;align-items:center;height:19px;display:flex}.inventory-title span{color:#c1b8a7;letter-spacing:.12em;font-size:8px;font-weight:700}.inventory-title small{color:#615f5b;font-size:6px}.inventory-grid{grid-template-columns:repeat(5,1fr);gap:5px;height:calc(100% - 21px);display:grid}.item-slot{border:1px solid color-mix(in srgb, var(--slot-color,#aaa) 25%, transparent);background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--slot-color,#aaa) 12%, transparent), transparent 70%), #11161e;border-radius:4px 9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;padding:3px 2px 2px;transition:all .15s;display:flex;position:relative}.item-slot:after{content:"";border:1px solid #ffffff09;border-radius:2px 6px;position:absolute;inset:3px}.item-slot>span{z-index:1;color:var(--slot-color,#aaa);text-shadow:0 0 8px color-mix(in srgb, var(--slot-color,#aaa) 46%, transparent);font:500 clamp(14px,2.5vh,19px)/1 Georgia,serif;position:relative}.item-slot small{z-index:1;color:#8f8a81;white-space:nowrap;font-size:7px;position:relative}.item-slot:disabled{filter:grayscale(.6);opacity:.5}.item-slot:not(:disabled):active,.item-slot.selected{border-color:color-mix(in srgb, var(--slot-color) 70%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--slot-color) 14%, transparent);transform:translateY(-2px)}.item-slot.gold{--slot-color:var(--gold)}.item-slot.blue{--slot-color:var(--blue)}.item-slot.rose{--slot-color:var(--rose)}.item-slot.green{--slot-color:var(--green)}.item-slot.mint{--slot-color:var(--mint)}.item-slot.violet{--slot-color:var(--violet)}.item-slot.empty{opacity:.33;border-style:dashed;border-color:#ffffff12}.item-slot.empty>span{color:#555960;font-size:13px}.item-inspector{z-index:20;border:1px solid color-mix(in srgb, var(--item-tone) 42%, transparent);background:#0d1117fa;border-radius:5px 12px;align-items:center;min-height:58px;padding:8px 47px 8px 42px;animation:.16s both inspector-in;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0;box-shadow:0 10px 30px #00000080}.inspector-icon{color:var(--item-tone);font:500 21px/1 Georgia,serif;position:absolute;left:12px}.item-inspector div{min-width:0}.item-inspector strong,.item-inspector small{display:block}.item-inspector strong{color:var(--item-tone);font-size:10px}.item-inspector small{color:#928c83;margin-top:3px;font-size:7px;line-height:1.35}.item-inspector>button:not(.inspector-close){color:#0c0e12;background:var(--item-tone);border-radius:4px 8px;width:34px;height:27px;font-size:8px;font-weight:900;position:absolute;right:8px}.item-inspector>button:disabled{opacity:.3}.inspector-close{color:#77736d;background:0 0;width:17px;height:17px;padding:0;font-size:11px;position:absolute;top:2px;right:2px}.action-bar{flex:0 0 clamp(57px,8.2vh,68px);grid-template-columns:34% 1fr;gap:7px;min-height:0;padding-top:6px;display:grid}.self-action,.main-action{border-radius:4px 12px;min-width:0;height:100%;transition:transform .15s,filter .15s;position:relative}.self-action:active,.main-action:active{transform:translateY(2px)}.self-action:disabled,.main-action:disabled{filter:grayscale(.6);opacity:.38}.self-action{color:#b8c5c5;background:linear-gradient(145deg,#182329,#10161b);border:1px solid #86a7ad47;flex-direction:column;justify-content:center;align-items:center;display:flex}.self-action span{letter-spacing:.05em;font-size:10px;font-weight:800}.self-action small{color:#66787b;margin-top:3px;font-size:6px}.main-action{color:#f5e8d7;background:linear-gradient(115deg,#ffffff14,#0000 26%),linear-gradient(135deg,#8d343c,#541f27);grid-template-columns:32px 1fr auto;align-items:center;padding:0 13px 0 9px;display:grid;box-shadow:0 7px 19px #62182147}.action-sigil{border:1px solid #fadace40;border-radius:50%;place-items:center;width:28px;height:28px;font:500 19px/1 Georgia,serif;display:grid}.main-action>span:nth-child(2){text-align:left}.main-action small,.main-action strong{display:block}.main-action small{color:#c49ca0;letter-spacing:.08em;font-size:6px}.main-action strong{letter-spacing:.07em;margin-top:2px;font-size:12px}.main-action i{font:18px/1 Georgia,serif}.event-toast{z-index:12;top:calc(var(--safe-top) + clamp(139px, 21.5vh, 172px));border:1px solid var(--toast-color,#8a8174);width:calc(100% - 48px);min-height:51px;box-shadow:0 12px 34px #0009, inset 0 0 22px color-mix(in srgb, var(--toast-color) 7%, transparent);pointer-events:none;background:#090c11f5;border-radius:4px 13px;align-items:center;padding:7px 12px 7px 42px;animation:3.2s both toast-life;display:flex;position:absolute;left:50%;transform:translate(-50%)}.event-toast>span{color:var(--toast-color);text-shadow:0 0 11px color-mix(in srgb, var(--toast-color) 60%, transparent);font:500 20px/1 Georgia,serif;position:absolute;left:12px}.event-toast strong,.event-toast small{display:block}.event-toast strong{color:var(--toast-color);letter-spacing:.1em;font-size:9px}.event-toast small{color:#9e978c;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;line-height:1.3;overflow:hidden}.event-toast.curse,.event-toast.eliminate{--toast-color:#dc6069}.event-toast.blank{--toast-color:#8fb3b8}.event-toast.guard{--toast-color:#e3bd6a}.event-toast.item{--toast-color:#9c8bc1}.event-toast.round{--toast-color:#c9a967}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020407d1;place-items:center;padding:18px;animation:.16s both fade-in;display:grid;position:absolute;inset:0}.modal-sheet{background:linear-gradient(145deg,#ffffff06,#0000 30%),#11161e;border:1px solid #dcba7947;border-radius:5px 19px;width:min(100%,370px);max-height:calc(100dvh - 36px);padding:25px 22px 20px;animation:.22s both modal-in;position:relative;overflow:hidden;box-shadow:0 25px 70px #000000bf,inset 0 0 70px #8c5f2c0d}.modal-sheet:before{content:"";pointer-events:none;border:1px solid #ffffff09;border-radius:2px 14px;position:absolute;inset:7px}.modal-close{z-index:2;color:#858078;background:0 0;border-radius:50%;width:28px;height:28px;font-size:18px;position:absolute;top:10px;right:11px}.modal-sheet h2{letter-spacing:.05em;margin:0;font-family:KaiTi,STKaiti,serif;font-size:24px;font-weight:500}.tutorial-modal{text-align:center}.tutorial-symbol{color:#d3ad65;background:radial-gradient(circle,#d2a55121,#0000 70%);border:1px solid #d9b1654d;border-radius:50%;place-items:center;width:66px;height:66px;margin:2px auto 16px;font:500 27px/1 Georgia,serif;display:grid;box-shadow:0 0 0 6px #d9b16506}.tutorial-modal>p:not(.eyebrow){color:#969188;min-height:56px;margin:13px auto 0;font-size:11px;line-height:1.65}.tutorial-dots{justify-content:center;align-items:center;gap:6px;height:30px;display:flex}.tutorial-dots span{background:#43444a;border-radius:50%;width:5px;height:5px;transition:all .2s}.tutorial-dots span.active{background:#c7a45f;border-radius:4px;width:16px}.tutorial-actions{gap:8px;display:flex}.primary-button,.secondary-button{letter-spacing:.08em;border-radius:4px 10px;flex:1;height:45px;font-size:11px;font-weight:800}.primary-button{color:#17130e;background:#d1a85d}.secondary-button{border:1px solid var(--line);color:#aaa398;background:#181d26}.log-modal{flex-direction:column;height:min(520px,100dvh - 36px);display:flex}.log-list{overscroll-behavior:contain;min-height:0;margin-top:17px;padding-right:5px;overflow-y:auto}.log-list::-webkit-scrollbar{width:2px}.log-list::-webkit-scrollbar-thumb{background:#65583e}.log-list>div{color:#9c968c;border-bottom:1px solid #ffffff0e;padding:10px 6px 10px 17px;font-size:9px;line-height:1.5;position:relative}.log-list i{background:#77726b;border-radius:50%;width:5px;height:5px;position:absolute;top:15px;left:2px}.log-list .curse i,.log-list .eliminate i{background:#d35a63;box-shadow:0 0 7px #d35a63}.log-list .blank i{background:0 0;border:1px solid #89a6a9}.log-list .item i{background:#8d7bab}.log-list .round i{background:#c5a25e}.verdict-overlay{--verdict-accent:#8fb3b8;z-index:90;padding:max(calc(var(--safe-top) + 16px), 20px) 22px max(calc(var(--safe-bottom) + 18px), 22px);background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--verdict-accent) 22%, transparent), transparent 36%), #05070bf9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;animation:.28s both verdict-backdrop;display:grid;position:absolute;inset:0;overflow:hidden}.verdict-overlay.hit{--verdict-accent:#dc6069}.verdict-overlay.guard{--verdict-accent:#e3bd6a}.verdict-overlay:before,.verdict-overlay:after{content:"";pointer-events:none;position:absolute}.verdict-overlay:before{border:1px solid color-mix(in srgb, var(--verdict-accent) 22%, transparent);border-radius:5px 24px;inset:13px}.verdict-overlay:after{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--verdict-accent) 12%, transparent);width:min(92vw,420px);box-shadow:0 0 0 34px color-mix(in srgb, var(--verdict-accent) 2%, transparent), 0 0 0 70px color-mix(in srgb, var(--verdict-accent) 2%, transparent);border-radius:50%;animation:1.1s ease-out both verdict-ring}.verdict-card{z-index:2;text-align:center;width:min(100%,330px);position:relative}.verdict-target{aspect-ratio:.88;border:1px solid color-mix(in srgb, var(--verdict-accent) 60%, transparent);width:clamp(112px,20vh,160px);box-shadow:0 16px 42px #0000008c, 0 0 36px color-mix(in srgb, var(--verdict-accent) 14%, transparent);background:#11161e;border-radius:50% 50% 13px 13px;margin:0 auto clamp(12px,2vh,19px);position:relative}.verdict-target img{object-fit:cover;object-position:50% 18%;border-radius:inherit;filter:saturate(.86)brightness(.82);width:100%;height:100%;display:block}.verdict-target>span{border:1px solid color-mix(in srgb, var(--verdict-accent) 65%, #17191d);width:48px;height:48px;color:var(--verdict-accent);box-shadow:0 0 24px color-mix(in srgb, var(--verdict-accent) 30%, transparent);background:#0b0e13;border-radius:50%;place-items:center;font:500 25px/1 Georgia,serif;display:grid;position:absolute;bottom:-12px;right:-15px}.verdict-card h2{color:var(--verdict-accent);letter-spacing:.1em;text-indent:.1em;text-shadow:0 0 24px color-mix(in srgb, var(--verdict-accent) 30%, transparent);margin:1px 0 6px;font-family:KaiTi,STKaiti,serif;font-size:clamp(32px,5.7vh,46px);font-weight:500}.verdict-detail{color:#aaa399;min-height:19px;margin:0 0 clamp(11px,1.7vh,17px);font-size:10px;line-height:1.55}.verdict-life{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto auto;align-items:center;gap:10px;height:47px;margin-bottom:clamp(14px,2.2vh,22px);padding:0 12px;display:grid}.verdict-life small{color:#77736c;text-align:left;font-size:8px}.verdict-life>div{color:#ffffff1f;gap:5px;font-size:11px;display:flex}.verdict-life span.alive{color:var(--verdict-color);text-shadow:0 0 9px color-mix(in srgb, var(--verdict-color) 62%, transparent)}.verdict-life strong{color:var(--verdict-accent);font:600 12px/1 Georgia,serif}.verdict-card>button{color:#101216;background:var(--verdict-accent);width:100%;height:59px;box-shadow:0 10px 28px color-mix(in srgb, var(--verdict-accent) 18%, transparent);border-radius:4px 15px;grid-template-rows:1fr 1fr;grid-template-columns:1fr auto;align-items:center;padding:0 16px;display:grid}.verdict-card button small,.verdict-card button strong{text-align:left;grid-column:1;display:block}.verdict-card button small{opacity:.66;align-self:end;font-size:7px}.verdict-card button strong{letter-spacing:.07em;align-self:start;font-size:13px}.verdict-card button>span{grid-area:1/2/3;font:500 22px/1 Georgia,serif}.verdict-card button:active{transform:translateY(2px)scale(.99)}.handoff-overlay{z-index:60;padding:max(calc(var(--safe-top) + 20px), 24px) 22px max(calc(var(--safe-bottom) + 22px), 26px);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--handoff-color) 16%, transparent), transparent 44%), #05070bf7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;animation:.2s both fade-in;display:grid;position:absolute;inset:0}.handoff-overlay:before{content:"";border:1px solid color-mix(in srgb, var(--handoff-color) 18%, transparent);pointer-events:none;border-radius:5px 24px;position:absolute;inset:12px}.handoff-card{text-align:center;width:min(100%,330px)}.handoff-portrait{aspect-ratio:.82;border:1px solid color-mix(in srgb, var(--handoff-color) 55%, transparent);width:clamp(118px,22vh,170px);box-shadow:0 18px 44px #0000007a, 0 0 30px color-mix(in srgb, var(--handoff-color) 11%, transparent);background:#11161e;border-radius:50% 50% 16px 16px;margin:0 auto 19px;overflow:hidden}.handoff-portrait img{object-fit:cover;object-position:50% 18%;width:100%;height:100%}.handoff-card h2{color:var(--handoff-color);letter-spacing:.09em;text-indent:.09em;margin:2px 0 8px;font-family:KaiTi,STKaiti,serif;font-size:clamp(30px,5vh,42px);font-weight:500}.handoff-card>p:not(.eyebrow){color:#87837c;max-width:270px;margin:0 auto 24px;font-size:10px;line-height:1.7}.handoff-card>button{color:#101216;background:var(--handoff-color);width:100%;height:59px;box-shadow:0 10px 28px color-mix(in srgb, var(--handoff-color) 18%, transparent);border-radius:4px 15px;grid-template-rows:1fr 1fr;grid-template-columns:1fr auto;align-items:center;padding:0 16px;display:grid}.handoff-card button small,.handoff-card button strong{text-align:left;grid-column:1;display:block}.handoff-card button small{opacity:.65;align-self:end;font-size:7px}.handoff-card button strong{letter-spacing:.08em;align-self:start;font-size:13px}.handoff-card button span{grid-area:1/2/3;font:500 22px/1 Georgia,serif}.handoff-card button:active{transform:translateY(2px)scale(.99)}.result-overlay{z-index:70;background:#080a0f;justify-content:center;align-items:flex-end;animation:.7s both result-in;display:flex;position:absolute;inset:0;overflow:hidden}.result-overlay img{object-fit:cover;object-position:50% 18%;width:100%;height:72%;animation:8s ease-out both portrait-drift;position:absolute;inset:0}.result-vignette{background:linear-gradient(#07080c08,#07080c3d 38%,#080a0f 69% 100%);position:absolute;inset:0}.result-rays{z-index:2;aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #d3a9580d 0 8deg, transparent 8deg 20deg);border-radius:50%;width:320px;animation:35s linear infinite slow-turn;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.result-overlay section{z-index:4;width:100%;padding:0 24px calc(var(--safe-bottom) + 28px);text-align:center;position:relative}.result-overlay h2{margin:3px 0 5px;font-family:KaiTi,STKaiti,serif;font-size:28px;font-weight:500}.result-overlay section>p:not(.eyebrow){color:#7d7972;margin:0 0 17px;font-size:9px}.result-overlay .primary-button{width:100%}.text-button{color:#8d8982;background:0 0;margin-top:8px;padding:8px 16px;font-size:9px}.event-curse:not(.is-pending):after,.event-eliminate:not(.is-pending):after{content:"";z-index:25;pointer-events:none;background:radial-gradient(circle,#0000 35%,#a218235c);animation:.65s both damage-flash;position:absolute;inset:0}@keyframes wheel-spin{0%{transform:rotate(0)scale(1)}65%{transform:rotate(690deg)scale(.97)}to{transform:rotate(840deg)scale(1)}}@keyframes needle-jump{50%{transform:rotate(14deg)}}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes toast-life{0%{opacity:0;transform:translate(-50%,-10px)scale(.97)}8%,76%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;visibility:hidden;transform:translate(-50%,6px)scale(.98)}}@keyframes inspector-in{0%{opacity:0;transform:translateY(5px)scale(.98)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes result-in{0%{opacity:0}}@keyframes portrait-drift{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes damage-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes verdict-backdrop{0%{opacity:0;transform:scale(1.025)}}@keyframes verdict-ring{0%{opacity:.8;transform:scale(.65)}to{opacity:.12;transform:scale(1.15)}}@media (height<=690px){.home-screen,.game-screen{padding-top:calc(var(--safe-top) + 6px);padding-bottom:calc(var(--safe-bottom) + 7px)}.home-header{flex-basis:36px;height:36px}.title-block{padding-top:4px;padding-bottom:6px}.title-block h1{font-size:38px}.title-block h1:after{margin-top:7px;margin-bottom:5px}.role-picker{min-height:160px}.role-detail{min-height:51px;padding-top:5px;padding-bottom:5px}blockquote{margin:2px 0;font-size:9px}.device-zone{min-height:190px}.roulette-device{width:150px}.roulette-plate>span{transform:rotate(var(--rotation)) translateY(-3.1rem)}.event-toast{top:calc(var(--safe-top) + 132px)}}@media (height<=580px){.title-block .subtitle,blockquote,.role-detail p,.record-line{display:none}.role-detail{min-height:43px}.passive-badge{width:29px;height:29px}.device-zone{min-height:155px}.roulette-device{width:126px}.roulette-plate>span{transform:rotate(var(--rotation)) translateY(-2.2rem)}.turn-status{margin-top:2px}}@media (width<=760px){.portal-screen{padding-left:17px;padding-right:17px}.portal-header{margin-bottom:26px}.portal-header-meta>span{display:none}.portal-hero{flex-direction:column;align-items:stretch;gap:28px;display:flex}.portal-hero-copy h1{font-size:clamp(42px,13vw,61px)}.portal-lead{margin-top:15px;margin-bottom:18px}.featured-game{grid-template-rows:min(68vw,330px) auto}.library-grid{grid-template-columns:1fr}.portal-library{margin-top:47px}.portal-footer{flex-direction:column;gap:12px;min-height:112px}.portal-footer>div{justify-content:space-between;gap:8px;width:100%}}@media (width<=390px){.portal-hero-copy h1{font-size:43px}.portal-lead{font-size:10px}.featured-copy{padding:14px}.featured-copy h2{font-size:22px}.featured-copy p{max-width:210px}.portal-footer>div{font-size:7px}}@media (width>=720px){.app-shell{height:min(920px,100dvh);margin-top:max(0px,50dvh - 460px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}