: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-ring,.seat>.seat-hud{display:none}#seats[data-phase=aim] .seat-hint,#seats[data-phase=ring] .seat-ring,#seats[data-phase=battle] .seat-hud{display:block}.seat-hint{text-align:center;background:#00000073;border-radius:8px;padding:6px 10px;font-size:clamp(12px,3vmin,18px);font-weight:700}.seat.aimed .seat-hint{opacity:.35}.seat-ring{flex:1;width:100%;position:relative}.ring-guide,.ring-live{box-sizing:border-box;border-radius:50%;position:absolute;top:50%;left:50%}.ring-guide{aspect-ratio:1;border:4px solid #ffffffd9;width:min(100%,100px);height:auto;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 10px #fff9}.ring-live{aspect-ratio:1;background:color-mix(in srgb, var(--accent) 60%, transparent);border:3px solid var(--accent);width:min(100%,100px);transform:translate(-50%,-50%)scale(.5)}.ring-msg{text-shadow:0 0 6px #000;font-size:clamp(16px,4vmin,26px);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seat.perfect .ring-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:.7s ease-in-out infinite alternate glow;box-shadow:0 0 18px 4px #ffd84ad9}@keyframes glow{0%{box-shadow:0 0 8px 1px #ffd84a99}to{box-shadow:0 0 22px 7px #ffd84a}}.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;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.15}}#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.screen.clear{background:radial-gradient(at 50% 38%,#05070d00 0%,#05070d8c 100%)}.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-back{white-space:nowrap;color:#1c0d00;text-shadow:3px 0 #1c0d00,-3px 0 #1c0d00,0 3px #1c0d00,0 -3px #1c0d00,2px 2px #1c0d00,-2px 2px #1c0d00,2px -2px #1c0d00,-2px -2px #1c0d00,0 7px #000,3px 7px #000,-3px 7px #000,0 0 28px #ffaa3c8c;position:absolute;top:0;left:0}.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]{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}}