:root{--ui-panel: rgba(16, 14, 12, .92);--ui-border: #4a453c;--ui-text: #e8e4d8;--ui-dim: #a09a8c;--accent: #ff8a2a;--accent-glow: rgba(255, 138, 42, .5);--blood: #b31212;--gold: #ffc23a;font-size:clamp(10px,1.25vw,16px)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#000;overflow:hidden;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;color:var(--ui-text);-webkit-user-select:none;user-select:none}#stage{position:absolute;inset:0;margin:auto;aspect-ratio:16 / 9;max-width:100vw;max-height:100vh}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#05050f}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;background:#0605089e;z-index:10}.screen.hidden,.modal.hidden{display:none}.screen-art-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.plate-btn{position:relative;min-width:19rem;padding:1rem 2.4rem 1.1rem;font-size:1.5rem;font-weight:800;font-family:inherit;letter-spacing:.3em;text-indent:.3em;color:#ddd8cc;text-shadow:0 2px 4px rgba(0,0,0,.9);background-color:transparent;background-image:var(--ui-btn);background-size:100% 100%;background-repeat:no-repeat;border:none;cursor:pointer;transition:transform .1s ease,filter .12s ease}.plate-btn:hover,.plate-btn:focus-visible{background-image:var(--ui-btn-active);color:#fff;transform:translateY(-1px);filter:drop-shadow(0 0 14px var(--accent-glow));outline:none}.plate-btn-hot{background-image:var(--ui-btn-active);color:#ffe8d0}.plate-btn-hot:hover{filter:drop-shadow(0 0 20px var(--accent-glow)) brightness(1.15)}.plate-btn .keyhint{font-size:.85rem;letter-spacing:.08em;color:#ddd8ccbf;margin-left:.3em}.img-btn{background:none;border:none;padding:0;cursor:pointer;transition:transform .1s ease,filter .12s ease}.img-btn img{display:block;height:4.6rem;width:auto}.img-btn:hover{transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(255,200,120,.35)) brightness(1.15)}.corner-bl{position:absolute;left:2rem;bottom:1.6rem}.corner-br{position:absolute;right:2rem;bottom:1.6rem}kbd{font-family:inherit;font-size:.85em;padding:.12em .55em;border:1px solid var(--ui-dim);border-bottom-width:2px;border-radius:4px;color:var(--ui-text);background:#00000080}#screen-title{background:#0000002e}.title-content{display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:100%;transform:translateY(-1.4rem)}.title-logo{width:100%;margin:0;display:flex;justify-content:center;line-height:0}.title-logo-img{width:min(56rem,62%);filter:drop-shadow(0 6px 24px rgba(0,0,0,.8));animation:logo-sway 4s ease-in-out infinite}@keyframes logo-sway{0%,to{filter:drop-shadow(0 6px 24px rgba(0,0,0,.8))}50%{filter:drop-shadow(0 6px 30px rgba(179,18,18,.55))}}.title-tagline{font-size:1.5rem;font-weight:700;letter-spacing:.14em;color:#e8e4d8;text-shadow:0 2px 6px rgba(0,0,0,.95);margin-top:-.6rem}.title-tagline .accent{color:var(--accent)}.menu-buttons{display:flex;flex-direction:column;gap:.9rem;align-items:center;margin-top:.8rem}.title-footer{margin-top:.5rem;font-size:1.05rem;color:#e8e4d8d9;text-shadow:0 1px 4px rgba(0,0,0,.9);letter-spacing:.1em}.title-footer .sep{margin:0 .6em;color:var(--ui-dim)}#screen-mode{gap:1rem;padding-top:.6rem;padding-bottom:3.4rem}.mode-logo{height:5rem;filter:drop-shadow(0 4px 14px rgba(0,0,0,.8))}.mode-tabs{display:flex;align-items:center;gap:1.1rem}.mode-tab{background:none;border:none;padding:0;cursor:pointer}.mode-tabs{height:4.1rem}.mode-tab img{display:block;height:4.1rem;width:auto;transition:height .15s ease,filter .15s ease}.mode-tab.active img{filter:drop-shadow(0 0 12px rgba(255,190,80,.45))}.mode-tab:not(.active):not(.locked){opacity:.72}.mode-tab:not(.active):not(.locked) img{height:3.7rem;filter:saturate(.25) brightness(.7)}.mode-tab:not(.active):not(.locked):hover{opacity:1}.mode-tab:not(.active):not(.locked):hover img{filter:saturate(.7) brightness(.92)}.mode-tab.text-tab{min-width:19rem;height:4.1rem;padding:0 2rem;font-family:inherit;font-size:1.35rem;font-weight:900;letter-spacing:.18em;text-indent:.18em;color:#d7d1c4;text-shadow:0 2px 5px rgba(0,0,0,.95);background:linear-gradient(180deg,#504c448c,#0a0908e0),#15120f;border:2px solid #585247;border-radius:5px;box-shadow:inset 0 0 28px #000000bf,0 8px 22px #00000073}.mode-tab.text-tab.active,.mode-tab.text-tab:hover{color:#f2eee2;border-color:#d7d1c4;filter:drop-shadow(0 0 12px rgba(215,209,196,.28))}.mode-tab.locked{cursor:default;opacity:.75}.mode-tab.locked img{height:3.7rem}.mode-tab.text-tab{min-width:13.5rem;transition:height .15s ease,font-size .15s ease,filter .15s ease}.mode-tab.text-tab:not(.active):not(.locked){height:3.7rem;min-width:12rem;font-size:1.15rem;filter:saturate(.25) brightness(.8)}.mode-tab.text-tab.active{color:#ffd9a8;border-color:#b8823c;filter:drop-shadow(0 0 12px rgba(255,190,80,.35))}.mode-tab.vs-tab{position:relative;display:flex;align-items:center;justify-content:center}.mode-tab.vs-tab img{height:4.1rem;width:auto;object-fit:contain}.mode-tab.vs-tab:not(.active) img{height:3.7rem}.mode-tab.vs-tab .prototype-badge{position:absolute;left:50%;top:-1.15rem;transform:translate(-50%);z-index:1;white-space:nowrap;padding:.12rem .65rem .18rem;font-size:.76rem;font-weight:900;letter-spacing:.16em;text-indent:.16em;color:#d8e8f7;background:#10161eeb;border:1px solid #7890a8;border-radius:999px;text-shadow:0 1px 3px #000;box-shadow:0 0 12px #6ea0cd52}.difficulty-cards{display:flex;gap:1.8rem;align-items:center;justify-content:center;height:30rem}.diff-card{position:relative;width:17.4rem;aspect-ratio:839 / 1391;background-color:transparent;background-image:var(--card);background-size:100% 100%;background-repeat:no-repeat;border:none;cursor:pointer;font-family:inherit;color:var(--ui-text);transition:transform .12s ease}.diff-card:hover,.diff-card:focus-visible{background-image:var(--card-s);transform:translateY(-5px) scale(1.02);outline:none}.difficulty-cards.carousel{--card-step: 19.2rem;--peek: 6.8rem;display:flex;align-items:center;gap:.7rem}.carousel-viewport{width:calc(3 * 17.4rem + 2 * 1.8rem + 2 * var(--peek));max-width:calc(100vw - 10rem);overflow:hidden;padding:.7rem 0 .4rem}.carousel-track{display:flex;gap:1.8rem;transition:transform .28s ease;will-change:transform}.carousel-track .diff-card{flex-shrink:0}.diff-card.peek{opacity:.42;transform:scale(.94);pointer-events:none;filter:saturate(.55) brightness(.75)}.carousel-arrow{width:3.4rem;height:5.2rem;font-size:1.5rem;font-family:inherit;color:#d8d4c8;background:#0a0908b8;border:2px solid #585247;border-radius:6px;cursor:pointer;flex-shrink:0;transition:all .12s ease;position:relative;z-index:2}.carousel-arrow.left{margin-right:-3.2rem}.carousel-arrow.right{margin-left:-3.2rem}.carousel-arrow:hover:not(:disabled){border-color:var(--accent);color:#fff;box-shadow:0 0 14px var(--accent-glow)}.carousel-arrow:disabled{opacity:.22;cursor:default}.unranked-note{color:#8fb9cc;font-size:.85rem;letter-spacing:.04em}.diff-card h3{position:absolute;top:5.5%;left:0;right:0;font-size:2.1rem;font-weight:900;letter-spacing:.22em;text-indent:.22em;color:var(--card-color);text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 18px var(--card-glow)}.diff-specs{position:absolute;top:54%;left:13%;right:9%;display:flex;flex-direction:column;gap:.55rem;text-align:left}.diff-specs li{list-style:none;font-size:1.06rem;font-weight:700;letter-spacing:.04em;color:#ddd8cc;text-shadow:0 1px 3px rgba(0,0,0,.9);padding-left:1.3em;position:relative}.diff-specs li:before{content:"◆";position:absolute;left:0;color:var(--card-color);font-size:.9em}.diff-specs li .num{color:var(--card-color)}.diff-best{position:absolute;bottom:7%;left:0;right:0;font-size:.95rem;font-weight:700;color:var(--gold);text-shadow:0 1px 3px rgba(0,0,0,.9)}.mode-hint{height:2rem;margin-top:.2rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}#screen-result{background:#06050873;background-size:cover;background-position:center}.result-panel{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:min(44rem,88%);max-height:94vh;overflow-y:auto;padding:1.6rem 2.6rem 1.4rem;background:#0c0a09e0;border:2px solid #55503f;border-radius:10px;box-shadow:0 18px 60px #000c,inset 0 0 60px #0009}#result-sub{font-size:1.3rem;font-weight:800;letter-spacing:.16em;color:var(--accent);text-shadow:0 2px 6px rgba(0,0,0,.9)}#result-heading{font-size:3.4rem;font-weight:900;letter-spacing:.12em;line-height:1;margin:-.2rem 0 .3rem}#result-heading.clear{background:linear-gradient(180deg,#ffe9a8 8%,#ffc23a 45%,#b87a10 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 2px rgba(0,0,0,.85)) drop-shadow(0 0 26px rgba(255,180,60,.4))}#result-heading.gameover{background:linear-gradient(180deg,#ff8a7a 5%,#c81f10,#5a0a05 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 2px rgba(0,0,0,.85)) drop-shadow(0 0 26px rgba(200,30,15,.45))}#result-heading.vs-lose{background:linear-gradient(180deg,#dedbd2 5%,#918d84 52%,#4d4a45 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 2px rgba(0,0,0,.85)) drop-shadow(0 0 18px rgba(190,185,172,.22))}.vs-result-heading{margin-bottom:.1rem}.result-stats{width:100%;display:flex;flex-direction:column}.result-stats .stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:.62rem .4rem;border-bottom:1px solid rgba(122,112,96,.35)}.result-stats .stat-row:last-child{border-bottom:none}.result-stats .stat-label{font-size:1.15rem;font-weight:700;color:var(--ui-dim);letter-spacing:.1em}.result-stats .stat-value{font-size:1.55rem;font-weight:900;font-variant-numeric:tabular-nums;color:#f2eee2}.result-stats .stat-value .unit{font-size:.95rem;color:var(--ui-dim);margin-left:.25em}.result-stats .stat-value.gold{color:var(--gold);font-size:1.9rem}.result-stats.vs-result-stats{gap:.45rem}.vs-comparison{display:grid;grid-template-columns:minmax(0,1fr) 3.4rem minmax(0,1fr);align-items:stretch;gap:.7rem;width:100%}.vs-competitor{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.9rem 1rem .8rem;color:#89867f;border:1px solid rgba(137,134,127,.38);border-radius:8px;background:#0006;transition:border-color .2s ease,box-shadow .2s ease}.vs-competitor.overall-winner{border-color:#ffc23ab3;box-shadow:inset 0 0 28px #ffb72d14,0 0 18px #ffb72d24}.vs-competitor.overall-winner h3{color:var(--gold)}.vs-competitor.overall-loser{border-color:#89867f61;background:#08080880}.vs-competitor h3{font-size:1.2rem;font-weight:900;letter-spacing:.14em;text-indent:.14em}.vs-kills{display:flex;align-items:baseline;justify-content:center;line-height:.95;text-shadow:0 2px 5px rgba(0,0,0,.95)}.vs-kills strong{font-size:4rem;font-weight:900;font-variant-numeric:tabular-nums}.vs-kills span{margin-left:.25rem;font-size:1.05rem;font-weight:800}.vs-competitor .metric-win{color:var(--gold)}.vs-competitor .metric-lose{color:#89867f}.vs-competitor .metric-tie{color:#d6d0c2}.vs-divider{display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:900;color:#d6d0c2;text-shadow:0 2px 6px rgba(0,0,0,.95)}.vs-metric{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding-top:.45rem;border-top:1px solid rgba(137,134,127,.42);font-variant-numeric:tabular-nums}.vs-metric span{font-size:.88rem;font-weight:700;letter-spacing:.06em}.vs-metric strong{font-size:1.15rem;font-weight:900}.vs-result-details{width:100%}.result-new-record{text-align:center;color:var(--gold);font-weight:900;letter-spacing:.2em;padding-top:.5rem;animation:record-pulse 1.4s ease-in-out infinite}.result-new-record span{display:block;margin-top:.25rem;font-size:.78rem;letter-spacing:.08em;color:#d8d4c8}@keyframes record-pulse{0%,to{text-shadow:0 0 6px rgba(255,194,58,.4)}50%{text-shadow:0 0 22px rgba(255,194,58,.9)}}.result-buttons{display:flex;gap:.8rem;margin-top:.4rem}.result-buttons .plate-btn{min-width:0;padding:.85rem 1.5rem .95rem;font-size:1.1rem;letter-spacing:.12em;text-indent:.12em}.share-btn{margin-top:.2rem;padding:.5rem 1.6rem;font-size:1rem;font-weight:700;font-family:inherit;letter-spacing:.12em;color:var(--ui-text);background:#0000008c;border:1.5px solid var(--ui-border);border-radius:6px;cursor:pointer;transition:all .12s ease}.share-btn:hover{border-color:#8a8a9a;color:#fff;background:#14141ecc}.plate-btn-corner{min-width:0;padding:.7rem 1.6rem .8rem;font-size:1.05rem;letter-spacing:.14em;text-indent:.14em}.corner-tr{position:absolute;right:2rem;top:1.4rem}.ranking-box{width:min(40rem,90%)}.ranking-tabs{display:flex;gap:.6rem;margin-bottom:.6rem}.ranking-tab{flex:1;padding:.55rem 0;font-family:inherit;font-size:1.05rem;font-weight:800;letter-spacing:.14em;color:var(--ui-dim);background:#00000073;border:1.5px solid var(--ui-border);border-radius:5px;cursor:pointer}.ranking-tab.active{color:var(--tab-color, var(--gold));border-color:var(--tab-color, var(--gold));background:#000000b3}.ranking-note{font-size:.9rem;color:var(--ui-dim);margin-bottom:.6rem}.ranking-hint{font-size:.85rem;color:#8fb9cc;letter-spacing:.04em;margin:-.5rem 0 .8rem}.ranking-list{list-style:none;max-height:44vh;overflow-y:auto;display:flex;flex-direction:column;border-top:1px solid rgba(122,112,96,.35)}.ranking-row{display:flex;align-items:center;gap:.9rem;padding:.55rem .5rem;border-bottom:1px solid rgba(122,112,96,.35)}.rk-pos{width:2.4rem;text-align:right;font-size:1.15rem;font-weight:900;color:var(--ui-dim);font-variant-numeric:tabular-nums;flex-shrink:0}.ranking-row.top1 .rk-pos{color:#ffd24a}.ranking-row.top2 .rk-pos{color:#cfd4dc}.ranking-row.top3 .rk-pos{color:#d4915a}.rk-main{flex:1;min-width:0;display:flex;flex-direction:column}.rk-name{font-size:1.1rem;font-weight:800;color:#f2eee2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rk-sub{font-size:.8rem;color:var(--ui-dim)}.rk-score{font-size:1.3rem;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;flex-shrink:0}.ranking-empty{padding:1.6rem 0;text-align:center;color:var(--ui-dim)}.result-register{display:flex;gap:.6rem;align-items:center;margin-top:.2rem;flex-wrap:wrap;justify-content:center}.register-status{width:100%;text-align:center;font-size:1.05rem;font-weight:800;color:var(--gold);letter-spacing:.06em;min-height:1.4rem}#result-name,#set-name,#ranking-name{width:13rem;padding:.45rem .9rem;font-family:inherit;font-size:1.05rem;font-weight:700;color:#f2eee2;background:#0000008c;border:1.5px solid var(--ui-border);border-radius:6px;outline:none}#result-name:focus,#set-name:focus,#ranking-name:focus{border-color:var(--accent)}.ranking-name-row{display:flex;align-items:center;gap:.7rem;margin-top:.7rem;font-size:.95rem;font-weight:700;color:var(--ui-dim)}.ranking-name-row input{flex:1}.result-stats .label-note{font-size:.78rem;color:#a09a8ccc;font-weight:600}.seo-ticker{position:absolute;bottom:4rem;left:0;right:0;overflow:hidden;white-space:nowrap;pointer-events:none;font-size:.84rem;font-weight:600;letter-spacing:.06em;color:#cfc9ba8c;text-shadow:0 1px 3px rgba(0,0,0,.85)}.ticker-track{display:inline-block;animation:ticker-scroll 95s linear infinite}.ticker-track .ticker-text{display:inline-block;padding-right:2.5em}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tips-bar{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;max-width:52%;padding:.5rem 1.2rem;background:#00000085;border:1.5px solid rgba(122,112,96,.55);border-radius:5px;white-space:nowrap}.tips-tag{color:var(--accent);font-weight:900;font-size:.85rem;letter-spacing:.18em;flex-shrink:0}.tips-text{color:#cfc9ba;font-size:1.02rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:opacity .35s ease}.pause-heading{font-size:2.6rem;font-weight:900;letter-spacing:.3em;text-indent:.3em;text-shadow:0 2px 8px rgba(0,0,0,.9)}.modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:20}.modal-box{width:min(36rem,86%);background:var(--ui-panel);border:2px solid var(--ui-border);border-radius:10px;padding:1.8rem 2rem 1.4rem;box-shadow:0 12px 48px #000c}.modal-box h3{font-size:1.5rem;letter-spacing:.24em;margin-bottom:1.2rem;color:#f2eee2}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;font-size:1.1rem;font-weight:700;cursor:pointer}.setting-row input[type=range]{width:55%;accent-color:var(--accent)}.setting-row input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.howto-list{list-style:none;display:flex;flex-direction:column;gap:.7rem;font-size:1.02rem;line-height:1.65}.howto-list li{padding-left:1.2em;position:relative}.howto-list li:before{content:"▸";position:absolute;left:0;color:var(--blood)}.howto-list strong{color:var(--gold);font-weight:700}.howto-guide-link{margin-top:1rem;text-align:center;font-size:.96rem;font-weight:700;letter-spacing:.08em}.howto-guide-link a{color:#ffd24a;text-decoration:none;border-bottom:1px solid rgba(255,210,74,.55);text-shadow:0 1px 4px rgba(0,0,0,.9)}.howto-guide-link a:hover,.howto-guide-link a:focus-visible{color:#fff2bd;border-bottom-color:#fff2bd;outline:none}.modal-actions{display:flex;justify-content:center;margin-top:1.4rem}.modal-actions .plate-btn{min-width:12rem;font-size:1.1rem;padding:.8rem 1.6rem}@media(max-aspect-ratio:4 / 5){#screen-title .title-content{gap:.55rem;transform:translateY(0)}#screen-title .title-logo-img{width:min(37rem,58%)}#screen-title .title-tagline{margin-top:-.2rem;font-size:1.15rem;letter-spacing:.08em}#screen-title .menu-buttons{gap:.45rem;margin-top:.2rem}#screen-title .plate-btn{min-width:16rem;padding:.75rem 1.8rem .85rem;font-size:1.25rem}.title-footer,#screen-title .tips-bar,#screen-title .seo-ticker{display:none}}