:root{--ui-font:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif}html,body{font-family:var(--ui-font)}.screen{z-index:10;color:#e8eef8;padding:12px 10px calc(86px + env(safe-area-inset-bottom));box-sizing:border-box;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#05070de6;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.screen.hidden{display:none}.screen h1{letter-spacing:.04em;margin:6px 0 2px;font-size:clamp(20px,5vw,30px);font-weight:900}.screen .lead{color:#9fb0c8;margin:0 0 10px;font-size:clamp(12px,3vw,14px)}.screen .credit{color:#7c8aa3;text-align:center;margin-top:14px;font-size:11px}.actions{z-index:12;padding:10px 12px calc(10px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#05070d00,#05070df2);justify-content:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.actions button,.hud-btn{pointer-events:auto;font:900 clamp(15px, 4vw, 19px) var(--ui-font);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;touch-action:manipulation;background:#ffffff24;border:1px solid #ffffff73;border-radius:12px;padding:13px 22px}.actions button.primary{background:#20c8ff47;border-color:#20c8ff}.hud-btn{z-index:9;position:fixed}.hidden{display:none!important}.slots{grid-template-columns:1fr;gap:10px;width:min(560px,100%);display:grid}.slot{border:1px solid #ffffff2e;border-left:6px solid var(--accent);background:#141a28d9;border-radius:10px;padding:8px 10px}.slot-title{color:var(--accent);margin-bottom:4px;font-size:13px;font-weight:900}.slot select,.slot input{box-sizing:border-box;width:100%;font:700 16px var(--ui-font);color:#fff;background:#00000080;border:1px solid #ffffff4d;border-radius:8px;padding:9px 10px}.slot input{margin-top:6px}.slot-msg{color:#ff9c9c;min-height:1.2em;margin-top:4px;font-size:12px}.slot-sub{color:#9fb0c8;margin-top:4px;font-size:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(1100px,100%);display:grid}@media (min-width:900px){.card-preview{height:clamp(150px,26dvh,280px)}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.card{background:linear-gradient(160deg,#1d2536 0%,#0f1420 60%,#1a2233 100%);border:1px solid #ffffff24;border-radius:12px;padding:8px 8px 8px 12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 4px 14px #00000080}.card:before{content:"";background:var(--accent);width:5px;box-shadow:0 0 12px var(--accent);position:absolute;top:0;bottom:0;left:0}.card-name{letter-spacing:.02em;word-break:keep-all;font-size:clamp(17px,4.6vw,28px);font-weight:900;line-height:1.15}.card-reading{color:#9fb0c8;font-size:clamp(10px,2.6vw,12px)}.card-unit{color:var(--accent);font-size:clamp(10px,2.6vw,12px);font-weight:700}.card-preview{object-fit:contain;width:100%;height:clamp(92px,13dvh,230px);display:block}.card-strokes{flex-wrap:wrap;align-items:baseline;gap:2px 4px;margin:2px 0 4px;display:flex}.strokes-parts{color:#cfd9ea;font-size:clamp(12px,3.3vw,17px);font-weight:700}.strokes-total{color:#fff;font-size:clamp(18px,5vw,30px);font-weight:900}.card-facts{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px;display:grid}.fact{flex-direction:column;align-items:flex-start;display:flex}.fact-k{color:#9fb0c8;font-size:clamp(9px,2.4vw,11px)}.fact-v{font-size:clamp(14px,4vw,22px);font-weight:900}.bar-row{grid-template-columns:3.6em 1fr 2.2em;align-items:center;gap:4px;margin:2px 0;display:grid}.bar-label{color:#cfd9ea;font-size:clamp(10px,2.8vw,13px);font-weight:700}.bar-track{background:#ffffff1a;border-radius:6px;height:clamp(8px,2.2vw,11px);overflow:hidden}.bar-fill{background:linear-gradient(90deg, #556, var(--accent));border-radius:6px;height:100%}.bar-num{text-align:right;font-size:clamp(13px,3.6vw,19px);font-weight:900}.stats-table{border-collapse:collapse;white-space:nowrap;font-size:12px}.stats-table th,.stats-table td{text-align:right;border:1px solid #ffffff24;padding:3px 6px}.stats-table th{background:#ffffff14;position:sticky;top:0}.stats-table td:first-child,.stats-table th:first-child{text-align:left;background:#0d121c;position:sticky;left:0}.stats-table tr.sum td{background:#20c8ff1f;font-weight:700}.stats-wrap{flex:1;width:100%;overflow:auto}@media (max-width:600px){.screen{padding-top:8px}.screen h1{margin:2px 0;font-size:20px}.cards-lead{display:none}.card{padding:6px 6px 6px 11px}.card-name{font-size:clamp(15px,4.4vw,20px)}.card-head{flex-wrap:wrap;align-items:baseline;gap:0 6px;display:flex}.card-name{flex-basis:100%}.strokes-parts{font-size:11px}.strokes-total{font-size:20px}.card-strokes{margin:0 0 2px}.card-facts{margin-bottom:3px}.fact-v{font-size:15px}.bar-row{margin:1px 0}.bar-num{font-size:14px}}#touch{z-index:5;touch-action:none;position:fixed;inset:0}#seats{z-index:7;pointer-events:none;position:fixed;inset:0}#screens{position:static}.screen.clear{background:0 0;justify-content:flex-start}.title-name{text-shadow:0 0 24px #20c8ff8c,0 4px #000;margin:4vh 0 0!important;font-size:clamp(40px,11vmin,96px)!important}.menu{flex-direction:column;align-items:center;gap:12px;margin-top:auto;margin-bottom:12vh;display:flex}.menu.row{flex-direction:row;margin:10px 0}.menu button,.screen button,.slot-row button{pointer-events:auto;font:900 clamp(16px, 4vmin, 24px) var(--ui-font);color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff24;border:1px solid #ffffff73;border-radius:12px;padding:12px 26px}.screen button.primary{background:#20c8ff4d;border-color:#20c8ff}.screen button.big{min-width:8em;padding:16px 30px;font-size:clamp(20px,5vmin,30px)}.screen button:disabled{opacity:.35;cursor:default}.settings{margin-bottom:10px}.credit{text-align:center;color:#9fb0c8;margin-top:12px;font-size:11px;line-height:1.5;position:static}#title .credit{margin-top:0}.slot-rows{flex-direction:column;gap:8px;margin-top:8px;display:flex}.slot-row{border-left:6px solid var(--accent);align-items:center;gap:10px;padding-left:10px;display:flex}.slot-label{color:var(--accent);width:2.2em;font-size:22px;font-weight:900}.select-title{color:var(--accent)}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(96px,22vmin,150px),1fr));gap:8px;width:min(900px,100%);margin:6px 0;display:grid}.roster-btn{padding:10px 6px!important;font-size:clamp(13px,3vmin,17px)!important}.free-row{gap:8px;width:min(560px,100%);margin:8px 0;display:flex}.free-row input{min-width:0;font:700 18px var(--ui-font);color:#fff;background:#00000080;border:1px solid #ffffff59;border-radius:10px;flex:1;padding:10px 12px}.select-msg{color:#ff9c9c;min-height:1.4em;font-size:14px}.skip-hint{color:#9fb0c8;margin-top:8px;font-size:12px}.cards.n2{width:min(640px,100%)}.cards.n3{grid-template-columns:repeat(3,minmax(0,1fr));width:min(860px,100%)}#timer{z-index:8;font:900 clamp(22px, 5vmin, 40px) var(--ui-font);color:#fff;text-shadow:0 0 10px #000,0 0 3px #000;pointer-events:none;background:#00000059;border-radius:10px;padding:4px 10px;position:fixed;top:50%;right:8px;transform:translateY(-50%)}#call{z-index:9;font:900 clamp(80px, 30vmin, 260px) var(--ui-font);color:#fff;text-shadow:0 0 30px #20c8ff,0 6px #000;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#call.pop{animation:.6s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.92)}}.seat{box-sizing:border-box;color:#fff;font-family:var(--ui-font);transform-origin:50%;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute}.seat-tag{border-bottom:3px solid var(--accent);white-space:nowrap;background:#00000073;border-radius:8px;align-items:baseline;gap:6px;max-width:100%;padding:3px 10px;font-size:clamp(13px,3.2vmin,20px);font-weight:900;display:flex;overflow:hidden}.seat-no{color:var(--accent)}.seat-kind{color:#cfd9ea;font-size:.7em}.seat>.seat-hint,.seat>.seat-pull,.seat>.seat-hud{display:none}#seats[data-phase=aim] .seat-hint,#seats[data-phase=call] .seat-hint,#seats[data-phase=aim] .seat-pull,#seats[data-phase=call] .seat-pull,#seats[data-phase=battle] .seat-hud{display:block}.seat-hint{text-wrap:balance;text-align:center;background:#00000073;border-radius:8px;padding:6px 10px;font-size:clamp(12px,3vmin,18px);font-weight:700}.seat.aimed .seat-hint,.seat.tapped .seat-hint{opacity:.35}.seat-pull{width:100%;padding:4px 0;position:relative}.pull-gauge{background:#00000080;border:1px solid #fff6;border-radius:8px;height:clamp(10px,2.6vmin,18px);overflow:hidden}.pull-fill{background:linear-gradient(90deg, var(--accent), #ffe14a);width:0;height:100%}.pull-msg{text-align:center;text-shadow:0 0 6px #000;min-height:1.2em;font-size:clamp(16px,4vmin,26px);font-weight:900}.seat.perfect .pull-msg{color:#ffe14a;font-size:clamp(22px,5.5vmin,36px)}.seat-hud{width:100%}.gauge{background:#00000080;border:1px solid #ffffff4d;border-radius:8px;height:clamp(10px,2.4vmin,16px);overflow:hidden}.gauge-fill{background:linear-gradient(90deg, #556, var(--accent));width:100%;height:100%}.gauge-pct{text-align:center;text-shadow:0 0 5px #000;font-size:clamp(14px,3.4vmin,22px);font-weight:900}.stamp{color:#ff4a4a;white-space:nowrap;background:#00000080;border:4px solid #ff4a4a;border-radius:8px;padding:0 10px;font-size:clamp(22px,6vmin,40px);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.stamp:empty{display:none}.seat.dead .gauge{opacity:.4}.seat-hud{position:relative}.rank-list{flex-direction:column;gap:8px;width:min(640px,100%);margin:6px 0;display:flex}.rank-row{border-left:6px solid var(--accent);background:#141a28d9;border-radius:10px;grid-template-columns:max-content 1fr;grid-template-areas:"label name""label cause";align-items:center;column-gap:12px;padding:8px 12px;display:grid}.rank-row.first{background:#3c320abf;border-color:#ffe14a}.rank-label{text-align:center;white-space:nowrap;grid-area:label;min-width:5em;padding-right:6px;font-size:clamp(18px,4.6vmin,30px);font-weight:900}.rank-row.first .rank-label{color:#ffe14a}.rank-name{grid-area:name;font-size:clamp(18px,4.6vmin,28px);font-weight:900}.rank-cause{color:#9fb0c8;grid-area:cause;font-size:clamp(12px,3vmin,16px)}.licenses{color:#9fb0c8;text-align:center;margin-top:8px;font-size:11px;line-height:1.6}.settings{flex-direction:column;align-items:center;display:flex}.mp-bar{background:#00000080;border:1px solid #ffffff40;border-radius:6px;height:clamp(6px,1.6vmin,10px);margin-top:3px;overflow:hidden}.mp-fill{background:linear-gradient(90deg,#6a5acd,#ffd84a);width:0;height:100%}.sp-btn{pointer-events:auto;width:100%;font:900 clamp(14px, 3.4vmin, 22px) var(--ui-font);color:#fff;touch-action:manipulation;background:#28283c8c;border:1px solid #ffffff59;border-radius:10px;margin-top:4px;padding:6px 10px}.sp-btn:disabled{opacity:.45}.sp-btn.ready{opacity:1;background:#ffc82859;border-color:#ffd84a;animation:.45s ease-out readypop;box-shadow:0 0 18px 4px #ffd84ad9}@keyframes readypop{0%{box-shadow:0 0 36px 14px #ffec96}to{box-shadow:0 0 18px 4px #ffd84ad9}}.sp-cpu{text-align:center;color:#cfd9ea;margin-top:4px;font-size:clamp(11px,2.6vmin,15px)}#banner{z-index:9;text-align:center;color:#fff;border-top:4px solid var(--accent,#ffd84a);border-bottom:4px solid var(--accent,#ffd84a);pointer-events:none;font-family:var(--ui-font);background:#080a14d1;max-width:92vw;padding:10px 34px;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)skew(-8deg)}#banner.pop{animation:1.2s ease-out bannerpop}@keyframes bannerpop{0%{opacity:0;transform:translate(-50%,-50%)skew(-8deg)scale(1.4)}15%{opacity:1;transform:translate(-50%,-50%)skew(-8deg)scale(1)}85%{opacity:1}to{opacity:.9}}.banner-name{color:var(--accent,#ffd84a);font-size:clamp(13px,3.2vmin,20px);font-weight:700}.banner-skill{text-shadow:0 0 14px var(--accent,#ffd84a);font-size:clamp(26px,8vmin,64px);font-weight:900;line-height:1.1}.banner-line{color:#e6ecf8;font-size:clamp(13px,3.2vmin,20px)}#select.busy button{pointer-events:none;opacity:.4}#select.busy input{pointer-events:none}.stage-list{flex-direction:column;gap:10px;width:min(560px,100%);margin:8px 0;display:flex}.stage-btn{text-align:left;flex-direction:column;align-items:flex-start;padding:12px 16px!important;display:flex!important}.stage-name{font-size:clamp(18px,4.4vmin,28px);font-weight:900}.stage-desc{color:#cfd9ea;margin-top:2px;font-size:clamp(12px,2.8vmin,16px);font-weight:700}#stampfx{z-index:9;pointer-events:none;position:fixed;inset:0}.hanko{font:900 clamp(46px, 13vmin, 130px) var(--ui-font);letter-spacing:.06em;color:var(--stamp,#ff3a3a);border:clamp(5px, 1.3vmin, 12px) double var(--stamp,#ff3a3a);text-shadow:0 0 18px #0009;box-shadow:0 0 0 2px #00000080, 0 0 30px var(--stamp,#ff3a3a);white-space:nowrap;background:#0a08108c;border-radius:14px;padding:.05em .28em;animation:.38s cubic-bezier(.2,.9,.3,1.1) both hankodrop;position:absolute;transform:translate(-50%,-50%)rotate(-9deg)}.hanko.fade{opacity:0;transition:opacity .4s}@keyframes hankodrop{0%{opacity:0;transform:translate(-50%,-50%)rotate(-9deg)scale(3.4)}70%{opacity:1;transform:translate(-50%,-50%)rotate(-9deg)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)rotate(-9deg)scale(1)}}#cutin{z-index:9;pointer-events:none;position:fixed;inset:0;overflow:hidden}#cutin.hidden{display:none}#cutin .ci-speed{opacity:0;animation:cispeed var(--ci-ms,1.2s) linear both;background:repeating-conic-gradient(#fff0 0deg 3deg,#ffffff29 3deg 4deg,#fff0 4deg 9deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 22%,#000 78%);mask-image:radial-gradient(#0000 22%,#000 78%)}#cutin .ci-band{background:linear-gradient(100deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 70%, #fff) 55%, var(--accent) 100%);height:34%;box-shadow:0 0 40px var(--accent), inset 0 0 0 3px #ffffffa6;justify-content:center;align-items:center;display:flex;position:absolute;top:33%;left:-10%;right:-10%;transform:skew(-12deg)}#cutin .ci-text{text-align:center;color:#1a0a00;padding:0 4vw;transform:skew(12deg)}#cutin .ci-name{color:#fff;text-shadow:0 0 6px #000000b3,0 2px #00000080;font-size:clamp(14px,3.6vmin,26px);font-weight:900}#cutin .ci-skill{color:#160a00;text-shadow:0 2px #ffffff8c;white-space:nowrap;font-size:clamp(34px,11vmin,92px);font-weight:900;line-height:1.05}#cutin .ci-line{color:#fff;text-shadow:0 0 6px #000000bf;font-size:clamp(13px,3.4vmin,24px);font-weight:700}@keyframes ciinL{0%{transform:skew(-12deg)translate(-110%)}14%{transform:skew(-12deg)translate(0)}84%{opacity:1;transform:skew(-12deg)translate(0)}to{opacity:0;transform:skew(-12deg)translate(40%)}}@keyframes ciinR{0%{transform:skew(-12deg)translate(110%)}14%{transform:skew(-12deg)translate(0)}84%{opacity:1;transform:skew(-12deg)translate(0)}to{opacity:0;transform:skew(-12deg)translate(-40%)}}@keyframes cispeed{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}#replaytag{z-index:9;left:calc(12px + env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top));color:#fff;font:900 clamp(16px, 3.6vmin, 26px) var(--ui-font);letter-spacing:.12em;pointer-events:none;background:#0009;border:1px solid #fff6;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;display:flex;position:fixed}.rec-dot{background:#ff3a3a;border-radius:50%;width:.7em;height:.7em}#victory{z-index:9;text-align:center;pointer-events:none;color:#fff;position:fixed;top:17%;left:0;right:0}#victory.pop{animation:.8s cubic-bezier(.2,.9,.3,1.2) both victorypop}.victory-k{font:900 clamp(26px, 7vmin, 56px) var(--ui-font);letter-spacing:.4em;color:#ffe14a;text-shadow:0 0 20px #ffb300,0 3px #000}.victory-name{font:900 clamp(40px, 13vmin, 120px) var(--ui-font);text-shadow:0 0 30px var(--accent,#20c8ff), 0 4px 0 #000;line-height:1.05}@keyframes victorypop{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}#rec{z-index:12;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));color:#fff;text-align:center;width:min(420px,90vw);font-family:var(--ui-font);background:#000000b8;border:1px solid #ffffff59;border-radius:12px;padding:12px 16px;position:fixed;transform:translate(-50%)}.rec-msg{margin-bottom:8px;font-size:15px;font-weight:900}.rec-bar{background:#fff3;border-radius:6px;height:10px;overflow:hidden}.rec-bar-fill{background:linear-gradient(90deg,#ff6a3a,#ffd84a);width:0;height:100%}.rec-cancel{font:900 15px var(--ui-font);color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff80;border-radius:10px;margin-top:10px;padding:8px 20px}#result{background:#05070d8c}#result .rank-row{animation:.55s cubic-bezier(.2,.9,.3,1) both slidein;animation-delay:calc(.18s * var(--i,0))}@keyframes slidein{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.share-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px;display:flex}.share-row button{padding:10px 14px!important;font-size:clamp(13px,3.4vmin,17px)!important}.title-logo{text-align:center;pointer-events:none;margin-top:3vh}.logo-sub{color:#bdeeff;letter-spacing:.2em;background:#20c8ff2e;border:1px solid #20c8ff99;border-radius:99px;padding:3px 14px;font-size:clamp(11px,2.6vmin,16px);font-weight:900;display:inline-block}.title-name{color:#fff;background:linear-gradient(#fff 0%,#ffe9a8 45%,#ffb347 100%);-webkit-text-fill-color:transparent;-webkit-text-stroke:2px #140800d9;filter:drop-shadow(0 0 22px #ffaa3c8c)drop-shadow(0 6px #000000b3);-webkit-background-clip:text;background-clip:text;line-height:1.02;letter-spacing:.08em!important;text-shadow:none!important;margin:.6vh 0 0!important;font-size:clamp(54px,15vmin,140px)!important}.menu-row{gap:12px;display:flex}.set-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:4px 0;display:flex}.set-label{text-align:right;color:#cfd9ea;min-width:5.5em;font-size:14px;font-weight:700}.seg{gap:6px;display:flex}.seg button{padding:6px 14px!important;font-size:15px!important}.credit-list{flex-direction:column;gap:8px;width:min(680px,100%);margin:12px 0;display:flex}.credit-row{background:#141a28cc;border-left:4px solid #20c8ff;border-radius:8px;grid-template-columns:8em 1fr;gap:10px;padding:8px 12px;font-size:14px;display:grid}.credit-k{color:#9fb0c8;font-weight:700}.credit-v{color:#e8eef8;word-break:break-word;font-weight:700}#seats[data-phase=replay] .seat-hud,#seats[data-phase=victory] .seat-hud{display:none}.actions button{white-space:nowrap}@media (max-width:480px){.actions{gap:6px}.actions button{padding:12px;font-size:15px}}.title-name{isolation:isolate;display:inline-block;position:relative;-webkit-text-stroke:0!important;filter:none!important;-webkit-text-fill-color:initial!important;background:0 0!important}.title-name .logo-front{white-space:nowrap;background:linear-gradient(#fff 0%,#ffe9a8 45%,#ffb347 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.title-logo .lead{color:#e8eef8;background:#05070dc7;border:1px solid #ffffff38;border-radius:10px;margin:10px 0 0;padding:6px 18px;font-size:clamp(13px,3.2vmin,20px);font-weight:900;display:inline-block}#cutin .ci-band{clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);height:30%;box-shadow:none;filter:drop-shadow(0 0 22px var(--accent));box-sizing:border-box;border-top:4px solid #ffffffd9;border-bottom:4px solid #ffffffd9;top:34%;left:-35%;right:-35%;transform:rotate(-14deg)}#cutin .ci-text{transform:none}#cutin.side-L .ci-band{animation:ciinL2 var(--ci-ms,1.2s) cubic-bezier(.2, .9, .2, 1) both}#cutin.side-R .ci-band{animation:ciinR2 var(--ci-ms,1.2s) cubic-bezier(.2, .9, .2, 1) both}@keyframes ciinL2{0%{transform:rotate(-14deg)translate(-120%)}14%{transform:rotate(-14deg)translate(0)}84%{opacity:1;transform:rotate(-14deg)translate(0)}to{opacity:0;transform:rotate(-14deg)translate(35%)}}@keyframes ciinR2{0%{transform:rotate(-14deg)translate(120%)}14%{transform:rotate(-14deg)translate(0)}84%{opacity:1;transform:rotate(-14deg)translate(0)}to{opacity:0;transform:rotate(-14deg)translate(-35%)}}.hanko{color:#d42a1c;text-shadow:none;box-shadow:none;-webkit-mask-image:var(--rough);-webkit-mask-image:var(--rough);mask-image:var(--rough);filter:drop-shadow(0 2px #00000059);background:#fff4ec1a;border:clamp(5px,1.2vmin,11px) solid #d42a1c;border-radius:10px;position:absolute;-webkit-mask-size:100% 100%;mask-size:100% 100%}.hanko:after{content:"";background:var(--accent,#fff);border-radius:2px;height:3px;position:absolute;bottom:5px;left:14%;right:14%}.title-name .logo-front{line-height:1.02;display:inline-block}.menu.row{flex-wrap:wrap;justify-content:center}@media (max-width:480px){.screen button.big{min-width:0;padding:14px 22px}}#seats[data-phase=result],#seats[data-phase=victory]{display:none}@media (max-height:520px){.screen{padding-top:6px;padding-bottom:calc(66px + env(safe-area-inset-bottom))}.screen h1{margin:0;font-size:18px}.screen .lead{margin:0 0 4px}.actions{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.actions button{padding:8px 18px}.stage-list{grid-template-columns:1fr 1fr;gap:8px;width:min(820px,100%);margin:6px 0;display:grid}.stage-btn{padding:8px 12px!important}.stage-name{font-size:16px}.stage-desc{font-size:11px}.screen button.big{padding:6px 20px;font-size:20px}.menu.row{margin:4px 0}.slot-rows{gap:4px;margin-top:4px}.slot-label{font-size:16px}.slot-row button{padding:5px 14px;font-size:15px}.roster-btn{padding:6px 4px!important}.free-row{margin:4px 0}.select-msg{min-height:1em}.card{padding:4px 6px 4px 10px}.card-name{font-size:15px}.card-reading,.card-unit{font-size:10px}.card-preview{height:78px}.cards-lead{display:none}.cards.n2{width:min(760px,100%)}.cards.n2 .card{grid-template-columns:34% 1fr;align-items:center;column-gap:8px;display:grid}.cards.n2 .card-head{flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:0 8px;display:flex}.cards.n2 .card-preview{grid-area:2/1/span 3;height:120px}.cards.n2 .card-strokes,.cards.n2 .card-facts,.cards.n2 .card-bars{grid-column:2}.cards.n3,.cards.n4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}.strokes-total{font-size:16px}.strokes-parts{font-size:10px}.fact-v{font-size:13px}.bar-row{margin:0}.bar-num{font-size:12px}.skip-hint{margin-top:4px}.rank-list{gap:4px}.rank-row{padding:2px 10px}.rank-label{font-size:16px}.rank-name{font-size:17px}.rank-cause{font-size:11px}.share-row{margin:4px 0 2px}.share-row button{padding:6px 12px!important}.credit{margin-top:2px;line-height:1.3}}#cutin .ci-text{box-sizing:border-box;flex-direction:column;align-items:center;gap:.1em;width:min(86vw,900px);max-width:100%;padding:0 2vw;display:flex;overflow:hidden}#cutin .ci-name,#cutin .ci-skill,#cutin .ci-line{white-space:normal;overflow-wrap:anywhere;word-break:normal;text-wrap:balance;text-align:center;max-width:100%}#cutin .ci-skill{white-space:normal;font-size:clamp(30px,9vmin,84px)}#cutin .ci-name{font-size:clamp(14px,3.4vmin,26px)}#cutin .ci-line{font-size:clamp(13px,3vmin,22px)}#cutin{--ci-pose-w:min(46vw, 46vh)}#cutin .ci-pose{width:var(--ci-pose-w);z-index:2;height:auto;filter:drop-shadow(0 0 18px var(--accent)) drop-shadow(0 6px 0 #00000059);position:absolute;bottom:0}#cutin.side-L .ci-pose{animation:cipL var(--ci-ms,1.2s) cubic-bezier(.2, .9, .2, 1) both;left:0}#cutin.side-R .ci-pose{animation:cipR var(--ci-ms,1.2s) cubic-bezier(.2, .9, .2, 1) both;right:0}@keyframes cipL{0%{transform:translate(-110%)}16%{transform:translate(0)}84%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20%)}}@keyframes cipR{0%{transform:translate(110%)}16%{transform:translate(0)}84%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20%)}}#cutin.has-pose.side-L .ci-text{margin-left:calc(var(--ci-pose-w) + 2vw);width:calc(100vw - var(--ci-pose-w) - 8vw)}#cutin.has-pose.side-R .ci-text{margin-right:calc(var(--ci-pose-w) + 2vw);width:calc(100vw - var(--ci-pose-w) - 8vw)}#cutin .ci-medal{z-index:2;background:var(--accent);color:#fff;width:min(26vmin,190px);height:min(26vmin,190px);box-shadow:0 0 24px var(--accent);border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:min(14vmin,100px);font-weight:900;display:flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}#cutin .ci-medal .ci-face{object-fit:cover;width:100%;height:100%}#cutin.side-L .ci-medal{left:3vw}#cutin.side-R .ci-medal{right:3vw}#cutin.no-pose.side-L .ci-text{width:calc(94vw - min(30vmin,220px));margin-left:min(30vmin,220px)}#cutin.no-pose.side-R .ci-text{width:calc(94vw - min(30vmin,220px));margin-right:min(30vmin,220px)}@media (max-width:480px) and (orientation:portrait){#cutin .ci-band{height:28%;top:40%}}:is(body:has(#cutin.on) #timer,body:has(#cutin.on) #seats,body:has(#cutin.on) #stampfx){visibility:hidden}#select.screen.sel-screen{background:radial-gradient(ellipse at 30% 0%, color-mix(in srgb, var(--accent,#20c8ff) 22%, #070a12) 0%, #05070d 70%);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;display:flex;overflow:hidden}.sel-head{padding:calc(8px + env(safe-area-inset-top)) 12px 6px;flex-wrap:wrap;flex:none;align-items:center;gap:10px 14px;display:flex}.sel-banner{align-items:center;gap:10px;min-width:0;display:flex}.sel-banner-no{font:900 clamp(26px, 5.4vmin, 44px) var(--ui-font);color:#05070d;background:var(--accent);border-radius:4px;padding:4px 14px 5px;line-height:1;transform:skew(-10deg)}.sel-banner-msg{font:900 clamp(15px, 3vmin, 24px) var(--ui-font);color:#fff}.sel-chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;display:flex}.sel-chip{border-left:4px solid var(--c);color:#cfd9ea;background:#ffffff14;border-radius:8px;align-items:baseline;gap:6px;min-height:1.4em;padding:3px 10px;font-size:clamp(11px,2.2vmin,15px);font-weight:900;display:flex}.sel-chip.now{background:color-mix(in srgb, var(--c) 30%, transparent);color:#fff}.sel-chip-no{color:var(--c)}.sel-main{min-height:0;padding:4px 12px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box;flex:auto;gap:12px;display:flex}.sel-grid-wrap{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-width:0;min-height:0;overflow-y:auto}.sel-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(84px,11.5vmin,150px),1fr));align-content:start;gap:8px;padding:2px 4px 4px 2px;display:grid}.screen .sel-tile{aspect-ratio:1/1.08;color:#fff;cursor:pointer;font:900 clamp(13px, 2.4vmin, 18px) var(--ui-font);background:#10131c;border:3px solid #ffffff2e;border-radius:10px;padding:0;position:relative;overflow:hidden}.sel-tile-face{position:absolute;inset:0}.sel-tile-face img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;display:block}.sel-tile-face.no-photo{background:linear-gradient(160deg,#26304a,#10131c);place-items:center;display:grid}.face-initial{font:900 clamp(30px, 8vmin, 64px) var(--ui-font);color:#e8eef8}.sel-tile-name{text-align:center;font:900 clamp(10px, 1.9vmin, 14px)/1.15 var(--ui-font);text-wrap:balance;overflow-wrap:anywhere;background:linear-gradient(#0000,#000000e0);padding:16px 3px 4px;position:absolute;bottom:0;left:0;right:0}.sel-tile-badge{background:var(--c,#fff);color:#05070d;font:900 11px var(--ui-font);border-radius:6px;padding:1px 6px;position:absolute;top:4px;left:4px}.sel-tile-badge:empty{display:none}.screen .sel-tile.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent), 0 0 18px var(--accent)}.screen .sel-tile.taken{filter:grayscale(.85)brightness(.45)}.screen .sel-tile.roul{border-color:#fff;box-shadow:0 0 0 3px #fff}.screen .sel-tile.roul-final{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent), 0 0 22px var(--accent)}.screen .sel-tile:disabled{opacity:1}.screen .sel-tile-extra{text-align:center;text-wrap:balance;background:linear-gradient(160deg,#20c8ff38,#10131cf2);place-items:center;padding:6px;display:grid}#select.roulette .sel-grid-wrap{pointer-events:none}.sel-panel{box-sizing:border-box;border:3px solid var(--accent);width:clamp(320px,36vw,560px);box-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent);background:#0a0e18f0;border-radius:14px;flex-direction:column;flex:none;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.sel-pn-body{flex-direction:column;gap:8px;min-height:0;display:flex}.sel-pn-tag{align-items:baseline;gap:8px;display:flex}.sel-pn-no{font:900 clamp(22px, 4vmin, 34px) var(--ui-font);color:var(--accent)}.sel-pn-who{font:700 clamp(12px, 2.2vmin, 16px) var(--ui-font);color:#cfd9ea}.sel-pn-empty{text-align:center;font:700 clamp(14px, 2.6vmin, 18px) var(--ui-font);color:#9fb0c8;padding:18px 6px}.sel-pn-top{grid-template-columns:minmax(96px,42%) 1fr;align-items:start;gap:12px;display:grid}.sel-pn-face{aspect-ratio:1;border:4px solid var(--accent);box-sizing:border-box;background:#10131c;border-radius:14px;place-items:center;width:100%;display:grid;overflow:hidden}.sel-pn-face img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;display:block}.sel-pn-info{flex-direction:column;gap:4px;min-width:0;display:flex}.sel-pn-name{font:900 clamp(20px, 3.6vmin, 34px)/1.15 var(--ui-font);text-wrap:balance;overflow-wrap:anywhere}.sel-pn-reading{font:700 clamp(11px, 1.9vmin, 14px) var(--ui-font);color:#9fb0c8}.sel-pn-unit{font:700 clamp(11px, 1.9vmin, 14px) var(--ui-font);color:var(--accent);overflow-wrap:anywhere}.sel-pn-sp{background:color-mix(in srgb, var(--accent) 22%, transparent);font:700 clamp(11px, 1.9vmin, 14px) var(--ui-font);border-radius:8px;flex-direction:column;margin-top:4px;padding:4px 8px;display:flex}.sel-pn-sp-k{color:#cfd9ea;font-size:.85em}.sel-pn-sp-v{font:900 clamp(14px, 2.6vmin, 20px) var(--ui-font);color:#fff;text-wrap:balance;overflow-wrap:anywhere}.sel-pn-spin{font:700 clamp(12px, 2vmin, 15px) var(--ui-font);color:#cfd9ea}.sel-pn-bars{flex-direction:column;gap:2px;display:flex}.sel-pn-free{display:flex}.sel-pn-free input{min-width:0;font:700 18px var(--ui-font);color:#fff;box-sizing:border-box;background:#00000080;border:1px solid #fff6;border-radius:10px;flex:1;min-height:44px;padding:10px 12px}.sel-msg{color:#ff9c9c;min-height:1.2em;font-size:13px}.sel-pn-acts{gap:10px;margin-top:auto;padding-top:4px;display:flex}.screen .sel-ok{flex:1;min-height:52px;font-size:clamp(18px,3.2vmin,26px)}.screen .sel-back{min-width:88px;min-height:52px;padding:10px 16px;font-size:clamp(14px,2.6vmin,18px)}@media (max-aspect-ratio:1){.sel-main{flex-direction:column;gap:8px}.sel-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(72px,21vw,150px),1fr));gap:6px}.sel-panel{gap:6px;width:auto;max-height:52%;padding:8px 10px}.sel-pn-top{grid-template-columns:minmax(84px,34%) 1fr;gap:10px}.sel-pn-body{gap:4px}.sel-pn-bars{grid-template-columns:1fr 1fr;column-gap:12px;display:grid}.sel-head{padding-bottom:2px}.sel-chips{justify-content:flex-start;margin-left:0}}@media (max-height:520px) and (min-aspect-ratio:1){.sel-head{padding-top:4px;padding-bottom:2px}.sel-panel{gap:4px;width:clamp(260px,40vw,420px);padding:6px 8px}.sel-pn-top{grid-template-columns:minmax(72px,32%) 1fr;gap:8px}.sel-pn-bars{grid-template-columns:1fr 1fr;column-gap:10px;display:grid}.sel-pn-reading,.sel-pn-unit{display:none}.sel-pn-empty{padding:6px}.screen .sel-ok,.screen .sel-back{min-height:46px}.sel-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}}#vs.screen.vs-screen{background:radial-gradient(at 50% 30%,#1a2236 0%,#05070d 75%);justify-content:center;align-items:stretch;padding:0;overflow:hidden}.vs-root{min-height:0;padding:calc(6px + env(safe-area-inset-top)) 10px calc(6px + env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;flex:auto;gap:6px;display:flex}.vs-title{font:900 clamp(34px, 8vmin, 72px)/1 var(--ui-font);letter-spacing:.08em;text-shadow:0 0 18px #ffc83c8c,0 4px #000;flex:none;order:-1;justify-content:center;align-items:baseline;gap:4px;display:flex;transform:skew(-8deg)}.vs-title-v{color:#ffe14a}.vs-title-s{color:#fff}.vs-list{flex:auto;grid-auto-rows:minmax(0,1fr);gap:8px;min-height:0;display:grid}.vs-root.n2 .vs-list{grid-template-columns:1fr 1fr}.vs-root.n3 .vs-list{grid-template-columns:repeat(3,1fr)}.vs-root.n4 .vs-list{grid-template-columns:repeat(4,1fr)}.vs-card{border-top:5px solid var(--accent);min-width:0;min-height:0;animation:.45s cubic-bezier(.2,.9,.3,1) both vsin;animation-delay:calc(70ms * var(--i,0));background:linear-gradient(170deg,#161c2cf2,#0a0d16f2);border-radius:12px;flex-direction:column;align-items:stretch;gap:3px;padding:6px 8px 8px;display:flex;position:relative;overflow:hidden}@keyframes vsin{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.vs-tag{flex:none;align-items:baseline;gap:6px;display:flex}.vs-no{font:900 clamp(18px, 3.4vmin, 28px) var(--ui-font);color:var(--accent)}.vs-kind{font:700 clamp(10px, 1.8vmin, 13px) var(--ui-font);color:#cfd9ea}.vs-face{border:3px solid var(--accent);box-sizing:border-box;background:#10131c;border-radius:10px;flex:1 1 0;place-items:center;width:100%;min-height:0;display:grid;overflow:hidden}.vs-face img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;display:block}.vs-name{font:900 clamp(16px, 3.2vmin, 28px)/1.15 var(--ui-font);text-align:center;text-wrap:balance;overflow-wrap:anywhere;flex:none}.vs-sp{background:color-mix(in srgb, var(--accent) 22%, transparent);border-radius:8px;flex-direction:column;flex:none;align-items:center;padding:2px 6px;display:flex}.vs-sp-k{font:700 clamp(9px, 1.5vmin, 12px) var(--ui-font);color:#cfd9ea}.vs-sp-v{font:900 clamp(13px, 2.4vmin, 19px) var(--ui-font);text-align:center;text-wrap:balance;overflow-wrap:anywhere}.vs-spin{text-align:center;font:700 clamp(10px, 1.8vmin, 13px) var(--ui-font);color:#cfd9ea;flex:none}.vs-bars{flex:none}.vs-hint{text-align:center;font:700 12px var(--ui-font);color:#9fb0c8;flex:none}.vs-bars .bar-row{margin:1px 0}@media (max-aspect-ratio:1){.vs-root.n2 .vs-list{grid-template-columns:1fr}.vs-root.n3 .vs-list,.vs-root.n4 .vs-list{grid-template-columns:1fr 1fr}.vs-root.n2 .vs-card{grid-template-rows:auto auto auto auto 1fr;grid-template-columns:minmax(0,40%) 1fr;align-content:start;column-gap:10px;display:grid}.vs-root.n2 .vs-tag{grid-column:1/-1}.vs-root.n2 .vs-face{aspect-ratio:1;grid-area:2/1/span 4;align-self:center;width:100%;height:auto;max-height:100%}.vs-root.n2 .vs-name,.vs-root.n2 .vs-sp,.vs-root.n2 .vs-spin,.vs-root.n2 .vs-bars{grid-column:2}.vs-root.n2 .vs-name{text-align:left}}@media (max-height:520px) and (min-aspect-ratio:1){.vs-title{font-size:28px}.vs-spin,.vs-sp-k{display:none}.vs-bars .bar-row{grid-template-columns:3em 1fr 2em}}#title.screen.clear{background:radial-gradient(at 50% 42%,#05070d00 0%,#05070d80 100%)}#title.screen.clear.has-keyart{background:linear-gradient(to bottom, #05070d00 45%, #05070db3 100%), var(--keyart) center / cover no-repeat, #05070d}.title-logo{text-align:center;pointer-events:none;isolation:isolate;margin-top:clamp(14px,5vh,56px);padding:clamp(10px,2.4vmin,28px) clamp(26px,6vw,90px) clamp(10px,2vmin,22px);position:relative}.title-logo:before{content:"";z-index:-1;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);background:linear-gradient(100deg,#05070d00 0%,#050a18b8 14% 86%,#05070d00 100%);border-top:3px solid #ff8c2800;position:absolute;inset:0}.title-logo:after{content:"";z-index:-1;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);background:linear-gradient(90deg,#ff6a0000,#ff6a00 18%,#ffd84a 50%,#19c6ff 82%,#19c6ff00);height:clamp(3px,.7vmin,6px);position:absolute;bottom:0;left:8%;right:8%;box-shadow:0 0 18px #ff9628b3}.title-name{isolation:isolate;white-space:nowrap;display:inline-block;position:relative;transform:skew(-8deg);font:italic 900 clamp(46px, 12.5vmin, 168px)/1 var(--ui-font)!important;letter-spacing:.03em!important;-webkit-text-stroke:0!important;filter:none!important;text-shadow:none!important;margin:0!important}.title-name .logo-back{white-space:nowrap;color:#060b18;text-shadow:1px 1px #0a1530,2px 2px #0a1530,3px 3px #0a1530,4px 4px #070d1e,5px 5px #070d1e,6px 7px #04070f,0 0 34px #19c6ff8c,0 0 70px #ff6a0059;position:absolute;top:0;left:0}.title-name .logo-front{white-space:nowrap;background:linear-gradient(#fff 0%,#e6edf8 30%,#9fb2cf 49%,#3b4a66 51%,#aebfd8 66%,#f4f8ff 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;line-height:1;display:inline-block;position:relative}.logo-ja{font:900 clamp(14px, 3.6vmin, 34px) var(--ui-font);letter-spacing:.5em;color:#ffd9a0;text-shadow:0 0 14px #ff8c2899,0 2px #000;margin-top:clamp(2px,.8vmin,10px);padding-left:.5em}@media (max-aspect-ratio:1){.title-name{font-size:clamp(36px,15vw,120px)!important}.title-logo{padding-left:20px;padding-right:20px}}#title .menu{margin-bottom:3vh}#title .menu button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080e1cbd}#title .menu button.primary{background:#0e5a78d1}@media (max-aspect-ratio:1){.title-name{font-size:clamp(30px,10.4vw,110px)!important}}#title .settings{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a14d6;border:1px solid #ffffff38;border-radius:14px;padding:10px 16px}.sel-panel>*{flex-shrink:0}@media (max-aspect-ratio:1){.sel-panel{max-height:58%}}.stage-name,.stage-desc{text-wrap:balance}.vs-face{position:relative}.vs-face img{position:absolute;inset:0}#call.go{font-size:clamp(60px,min(26vmin,12.5vw),220px)}@media (max-height:520px){#call{font-size:clamp(44px,19vmin,150px)}#call.go{font-size:clamp(44px,min(18vmin,11vw),140px)}}