*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:12px}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,a{touch-action:manipulation}input{min-width:0}.recovery{padding:48px 24px}dialog{max-height:85vh;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}.notice{overflow-wrap:anywhere}html{background:#f6f1e8;color:#17191d;font-family:Yu Gothic,system-ui,sans-serif}.brand,.hero h1,.name-field input,.book-card b,.scoreboard h2,.result h2{font-family:Sumo,Yu Gothic,sans-serif}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:wait;opacity:.5}a{text-decoration:none}button:hover,a:hover{color:#c74132}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #986f23;outline-offset:4px}button{transition:background .18s,color .18s}p{line-height:1.9}h1,h2,h3,p{margin-top:0}.topbar{max-width:1280px;margin:auto;padding:25px 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcd5c8}.brand{display:flex;align-items:center;gap:12px;text-align:left;font-size:15px;font-weight:750;letter-spacing:.05em}.brand small{display:block;font-size:8px;color:#7c786f;letter-spacing:.23em;margin-top:5px}.seal{display:grid;place-items:center;width:36px;height:40px;background:#c74132;color:#f6f1e8;font-size:22px;border-radius:3px;transform:rotate(-5deg)}nav{display:flex;gap:28px;align-items:center;font-size:12px}nav button{padding:12px 0}nav .active{color:#c74132;border-bottom:2px solid #c74132}nav span{font-size:9px;background:#e7dfd0;border-radius:20px;padding:1px 6px}main{max-width:1140px;margin:0 auto;padding:0 30px}.hero{text-align:center;padding:54px 0 40px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;color:#797265}.hero .eyebrow{color:#9a7851}.hero .eyebrow span{display:inline-block;width:6px;height:6px;background:#c74132;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(32px,4.6vw,57px);letter-spacing:.04em;font-weight:850;line-height:1.4;margin:17px 0 12px}.hero h1>span:first-child{color:#c74132}.period{color:#c74132}.catch{font-size:17px;letter-spacing:.2em;font-weight:600;margin-bottom:13px}.intro{font-size:12px;line-height:1.9;color:#756f63}.hero-bottom{display:flex;justify-content:center;gap:15px;font-size:10px;color:#5e594e;margin-top:22px}.hero-bottom i{font-style:normal;color:#b3a58a}.mobile{display:none}.home-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:45px;padding:30px 0 44px;border-top:1px solid #d5cdbd;border-bottom:1px solid #d5cdbd}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.tiny{font-size:10px;color:#80796c}.mode-switch{display:flex;padding:4px;background:#eae3d6;border-radius:4px;margin-bottom:25px}.mode-switch button{flex:1;font-size:11px;padding:9px}.mode-switch .selected{background:#fbf8f1;box-shadow:0 1px 4px #40300e0c;border-radius:2px;color:#17191d}.name-input label{font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:9px}.name-input label>span{font-size:9px;color:#fff;background:#c74132;padding:2px 5px}.name-input.west label>span{background:#343942}.name-field{position:relative}.name-field input{width:100%;border:1px solid #d1c7b5;background:#fcf9f3;border-radius:3px;padding:13px 45px 13px 16px;font-size:28px;letter-spacing:.14em;font-weight:750;min-width:0;color:#24262b}.name-field input::placeholder{font-size:12px;letter-spacing:0;font-weight:400}.brush{position:absolute;right:16px;top:20px;color:#c9bca3;font-size:16px}.name-meta{margin:8px 0 13px;min-height:20px;font-size:10px;color:#8d6e39}.name-meta button{padding:0}.name-meta button>span{margin-left:8px}.invalid{color:#ac3026}.stats{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:7px}.stats>div{display:flex;align-items:center;gap:8px;font-size:9px}.stats>div>span{min-width:29px;color:#777063}.bar{flex:1;height:3px;background:#ded5c5}.bar i{display:block;height:100%;background:#b79a59}.stats small{font-size:9px;color:#81796b;min-width:15px}.versus{display:flex;gap:10px;align-items:center;justify-content:center;font-size:10px;color:#9c927f;margin:17px 0}.versus span{height:1px;width:30px;background:#ded5c5}.input-tools{display:flex;justify-content:space-between;margin:20px 0 17px;font-size:10px;color:#6c6558}.input-tools button{padding:4px 0}.primary{padding:14px 24px;background:#c74132;color:#fff9ef;border-radius:3px;font-size:12px;font-weight:650;letter-spacing:.1em}.primary:hover{background:#aa3328;color:#fff}.start{display:flex;justify-content:space-between;width:100%;padding:18px 23px;font-size:16px}.under-button{text-align:center;font-size:9px;color:#847b6c;margin:10px 0 0}.arena-preview{display:flex;flex-direction:column;justify-content:space-between}.live-dot{font-size:9px;color:#83755f}.live-dot:before{content:"";display:inline-block;width:5px;height:5px;background:#a48d57;border-radius:50%;margin-right:6px}.arena{display:block;width:100%;height:auto;aspect-ratio:1;max-width:520px;margin:auto}.preview-caption{text-align:center;margin:8px 0 14px}.preview-caption b{font-size:13px;letter-spacing:.1em}.preview-caption p{font-size:10px;color:#81796b;margin:8px 0 0}.discovery{padding:30px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.discovery h2{font-size:13px;margin:10px 0 0}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-buttons button{border:1px solid #d9d0bf;border-radius:3px;padding:10px 14px;font-size:11px;text-align:left;min-width:168px}.demo-buttons button span{font-size:9px;color:#9c8c72;margin:0 6px}.demo-buttons button span:last-child{float:right;margin:0 0 0 15px}.tutorial{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#756b58;border-top:1px dashed #d5cdbd;padding:17px 0}.tutorial button{font-size:18px}.match-page{max-width:760px;margin:auto;padding-top:30px}.match-page .section-head>button{font-size:11px}.scoreboard{display:grid;grid-template-columns:1fr 110px 1fr;text-align:center;align-items:center}.scoreboard .east{color:#c74132}.scoreboard h2{font-size:32px;margin:5px 0}.scoreboard>div>small{font-size:10px}.scoreboard button{font-size:9px}.clock>b{font-size:27px;display:block;font-weight:500;font-variant-numeric:tabular-nums}.clock small{display:inline-block;font-size:9px;margin-left:2px;color:#8a7c62}.match-arena{position:relative;max-width:520px;margin:auto}.phase{display:block;text-align:center;font-size:15px;font-weight:600;letter-spacing:.18em;margin-top:-18px;position:relative}.match-controls{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:28px 0;font-size:10px;color:#786b55}.match-controls button{border-bottom:1px solid #d9cdb7;padding:5px}.result{text-align:center;border-top:1px solid #d5cdbd;padding:30px 0}.result h2{font-size:37px;margin:14px 0}.result h2 span{color:#c74132}.result p{font-size:12px;color:#756b5b}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0 30px;text-align:left}.result-stats h3{font-size:14px}.result-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:14px 0}.result-actions button:not(.primary){border:1px solid #cbbda6;border-radius:3px;padding:12px;font-size:11px}.result-actions.secondary button{border:0}details{text-align:left;font-size:10px;line-height:1.7;color:#807462;margin:25px 0;overflow-wrap:anywhere}summary{cursor:pointer}.text-link{font-size:11px;color:#947235}.collection{padding:50px 0;min-height:60vh}.collection h1{font-size:42px;margin:13px 0}.collection p{font-size:13px;color:#7b6e58}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0}.book-card{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #d7cbb6;padding:25px;background:#fbf7ef;border-radius:4px;gap:13px}.book-card b{font-size:25px}.book-card span{font-size:10px;color:#93723e}.book-card small{font-size:9px;color:#85765f}.record-list{margin:30px 0}.record-list button{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ccb7;padding:18px 0;font-size:13px}.record-list small{font-size:10px;color:#8e7c60}.error,.notice{padding:15px;background:#efe0cc;border-left:3px solid #c74132;margin:20px 0;font-size:12px;overflow-wrap:anywhere}.notice{display:flex;justify-content:space-between;gap:15px}footer{max-width:1192px;margin:20px auto 0;padding:30px 32px 25px;border-top:1px solid #d5cdbd;text-align:center;color:#897c65;font-size:9px}.footer-brand{font-size:12px;font-weight:600;color:#635742;letter-spacing:.08em;margin-bottom:15px}footer p{font-size:9px}footer>div:not(.footer-brand){display:flex;justify-content:center;gap:25px;margin:15px 0 20px}footer button{padding:0;font-size:9px}footer small{font-size:8px;letter-spacing:.12em}dialog{border:1px solid #d4c4a4;background:#faf5eb;color:#17191d;border-radius:5px;max-width:560px;width:calc(100% - 32px);padding:30px;box-shadow:0 20px 100px #17191d30;font-size:13px}dialog::backdrop{background:#17191d70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head h2{font-size:20px;margin:0}.dialog-head button{font-size:26px}.tag{display:inline-block;color:#86652e;border:1px solid #c8b78e;font-size:10px;padding:5px 9px;margin-bottom:18px}.disclaimer{padding:12px;background:#ede5d5;font-size:11px}dialog a{color:#a2392e;text-decoration:underline}dialog small{font-size:10px}@media(min-width:900px){.arena-preview .arena{max-width:430px}.entry-panel{padding-right:10px}}@media(max-width:680px){.topbar{padding:18px}.brand{font-size:11px;gap:9px}.brand small{font-size:6px}.seal{width:28px;height:32px;font-size:18px}nav{gap:13px;font-size:10px}nav span{display:none}main{padding:0 20px}.hero{padding:36px 0 30px}.hero h1{font-size:30px;letter-spacing:0}.catch{font-size:14px;line-height:1.8}.intro{font-size:11px}.hero-bottom{font-size:9px;gap:10px}.home-grid{grid-template-columns:1fr;gap:28px;padding-top:24px}.arena-preview{border-top:1px solid #d5cdbd;padding-top:24px}.arena-preview .arena{max-width:340px}.discovery{display:block}.discovery h2{margin-bottom:18px}.demo-buttons button{min-width:0;font-size:10px;padding:11px 9px}.tutorial{font-size:9px;gap:12px}.scoreboard{grid-template-columns:1fr 70px 1fr}.scoreboard h2{font-size:25px}.scoreboard button{font-size:8px}.clock>b{font-size:23px}.result h2{font-size:30px}.result-stats{grid-template-columns:1fr;gap:20px}.book-grid{grid-template-columns:1fr 1fr}.book-card{padding:18px 13px}.book-card b{font-size:21px}.record-list button{font-size:10px;gap:10px}.collection h1{font-size:34px}.match-controls{gap:8px}footer{padding-left:20px;padding-right:20px}.stats{gap:7px 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.hero{padding:28px 0 20px}.hero h1{margin:12px 0 8px;font-size:clamp(30px,4.4vw,52px)}.hero .intro{margin-bottom:10px;line-height:1.7}.hero-bottom{margin-top:14px}.section-head{margin-bottom:16px}.mode-switch{margin-bottom:18px}.name-field input{padding-top:10px;padding-bottom:10px}.versus{margin:10px 0}.input-tools{margin:12px 0}.home-grid{padding-top:22px}@media(max-width:680px){.hero{padding:20px 0 15px}.hero h1{font-size:29px}.hero .intro{font-size:10px}.hero-bottom{margin-top:10px}}[hidden]{display:none!important}.arena-stage{position:relative;width:100%;min-height:260px}.three-canvas{width:100%;height:auto;aspect-ratio:auto;max-width:none}.fallback-label{display:block;text-align:center;color:#6e614c;font-size:11px}.arena-preview .arena-stage{margin:auto}.camera-tools{display:flex;justify-content:center;gap:14px;font-size:11px;color:#77654c;margin-top:10px}.challenge-status{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:12px 0;line-height:1.7;color:var(--gold, #6e5831)}.challenge-status button{text-decoration:underline;font-size:10px}.fighter-record{display:block;color:#71624b;margin-top:8px}.source-meta{display:block;margin:5px 0 15px;color:var(--muted, #786747)}.result-tier{font-size:10px!important;color:var(--muted, #8d6d35)!important}.challenge-cleared{width:100%;padding:16px;border:1px solid #b89a58}@media(max-width:680px){.match-controls{gap:8px 12px;font-size:11px}.arena-stage{min-height:220px}}@keyframes arena-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.arena-stage[data-renderer="3d"]:not(.no-effects) .three-canvas{animation:arena-enter .6s ease-out}.share-x{padding:12px;font-size:11px}@media(prefers-reduced-motion:reduce){.arena-stage .three-canvas{animation:none!important}}.match-page{max-width:1240px;margin:24px auto 40px;padding:22px 0 0;background:#15191e;color:#f6eddd;border:1px solid #383c40;border-radius:12px;overflow:hidden;box-shadow:0 24px 65px #1a151526}.match-page>.section-head{padding:0 28px;margin-bottom:20px;color:#b8afa1}.match-page .eyebrow{color:#b8a686}.match-page .scoreboard{position:relative;z-index:2;padding:0 8%;grid-template-columns:1fr 110px 1fr;gap:28px}.match-page .scoreboard .east{color:#ff795f;text-align:left}.match-page .scoreboard .west{color:#91bdf1;text-align:right}.match-page .scoreboard h2{font-size:clamp(26px,3.1vw,44px);line-height:1.25;letter-spacing:.08em;margin:5px 0 8px}.match-page .scoreboard button{color:#c9bcaa}.match-page .scoreboard>div>small{font-size:10px;letter-spacing:.12em}.match-page .fighter-record{display:none}.match-page .clock{border:1px solid #4f473c;border-radius:50%;width:88px;height:88px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#1e2023}.match-page .clock>b{font-size:27px;font-weight:700;line-height:1.3;color:#f0dab1}.match-page .clock small{color:#b9aa93}.edge-meter{height:3px;background:#ffffff13;max-width:300px;margin-top:14px;overflow:hidden}.west .edge-meter{margin-left:auto}.edge-meter i{display:block;height:100%;background:currentColor;transition:width .15s linear}.match-arena{max-width:none;margin:0;position:relative;background:radial-gradient(ellipse at 50% 42%,#514335,#24272a 45%,#15191e 75%)}.match-arena .arena-stage{height:clamp(460px,62vh,650px);min-height:0}.match-arena .arena{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain}.match-arena .phase{position:absolute;bottom:18px;left:22px;margin:0;font-size:11px;color:#c9b99c;letter-spacing:.14em;pointer-events:none}.arena-watermark{position:absolute;left:24px;top:32px;writing-mode:vertical-rl;font-size:14px;letter-spacing:.5em;color:#eadcc13d;pointer-events:none}.match-controls{border-top:1px solid #ffffff12;background:#1c2025;margin:0;padding:16px 20px;gap:10px 18px;color:#c1b7a6}.match-controls button{border:0;padding:4px}.match-controls button[aria-pressed=true]{color:#edc982}.match-page>.result{background:#f6f1e8;color:#17191d;padding:36px max(24px,10%);border-top:3px solid #caa16c}.opening-control{position:absolute;bottom:36px;left:50%;transform:translate(-50%);width:min(390px,calc(100% - 40px));z-index:4;background:#15191eec;border:1px solid #887250;border-radius:10px;padding:22px 26px 12px;box-shadow:0 15px 60px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.opening-caption{text-align:center}.opening-caption>span{font-size:10px;color:#c5b494;letter-spacing:.16em}.opening-caption b{display:block;font-size:27px;margin:5px 0 18px;letter-spacing:.08em}.launch-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.launch-lanes button{border:1px solid #4b4d4e;border-radius:4px;padding:8px 3px;color:#a9a6a0;font-size:10px;background:#22262b}.launch-lanes button span{display:block;font-size:20px;line-height:1.2;margin-bottom:3px}.launch-lanes button[aria-pressed=true]{border-color:#e6c080;color:#f1d59e;background:#3a3024}.timing-label{display:flex;justify-content:space-between;align-items:center;margin:17px 0 10px;font-size:10px;color:#c6bba7}.timing-label kbd{font:inherit;border:1px solid #666054;border-bottom-width:2px;border-radius:3px;padding:2px 5px;font-size:8px}.timing-track{position:relative;height:12px;background:#393c40;border-radius:2px;margin:0 5px 17px}.timing-sweet{position:absolute;left:72.5%;width:15%;height:100%;background:#cfa75f;box-shadow:0 0 14px #f3c76b44}.timing-sweet:after{content:"";position:absolute;left:50%;width:2px;height:100%;background:#fff2c9}.timing-needle{position:absolute;top:-5px;bottom:-5px;width:4px;left:0;transform:translate(-50%);background:#fff8e8;border-radius:2px;box-shadow:0 0 10px #fff9}.launch-button{width:100%;background:#df5038;color:#fff7e6;border:1px solid #ff9574;border-bottom:4px solid #923124;border-radius:4px;padding:12px 20px;font-size:19px;font-weight:750;letter-spacing:.18em;display:flex;justify-content:space-between;touch-action:manipulation}.launch-button:hover{background:#f36a4c;color:#fff}.launch-button:active{transform:translateY(2px);border-bottom-width:2px}.watch-button{display:block;margin:8px auto 0;color:#b4a892;font-size:10px;padding:7px 12px;text-decoration:underline;text-underline-offset:3px}.is-opening .match-arena .arena-stage{opacity:.8}.battle-call{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%) rotate(-7deg);color:#fff0cc;text-shadow:4px 4px 0 #542d1c,0 5px 30px #000a;font-size:clamp(30px,5vw,64px);font-weight:950;letter-spacing:.13em;white-space:nowrap;pointer-events:none;animation:call-hit .28s cubic-bezier(.16,1,.3,1) both}.battle-call.still{animation:none}@keyframes call-hit{0%{opacity:0;transform:translate(-50%,-50%) rotate(-7deg) scale(1.7)}to{opacity:1;transform:translate(-50%,-50%) rotate(-7deg) scale(1)}}.finish-banner{position:absolute;bottom:26px;left:50%;transform:translate(-50%);width:min(460px,calc(100% - 48px));text-align:center;background:linear-gradient(110deg,#30261ded,#17191ef5);border-top:1px solid #b89a58;border-bottom:1px solid #b89a58;padding:16px;box-shadow:0 12px 40px #0007}.finish-banner>span{font-size:10px;letter-spacing:.4em;color:#dcc08c}.finish-banner b{display:block;font-size:clamp(22px,3vw,36px);margin:5px 0 10px;color:#fff3db;overflow-wrap:anywhere}.finish-banner button{font-size:11px;color:#eac38c;text-decoration:underline;text-underline-offset:4px;padding:5px}@media(max-width:680px){.match-page{margin:12px -12px 24px;border-radius:7px;padding-top:16px}.match-page>.section-head{padding:0 14px;margin-bottom:14px}.match-page .scoreboard{padding:0 20px;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:8px}.match-page .scoreboard h2{font-size:25px;overflow-wrap:anywhere}.match-page .scoreboard>div>small{font-size:9px}.match-page .clock{width:58px;height:58px}.match-page .clock>b{font-size:19px}.match-page .clock>small{font-size:8px}.match-arena .arena-stage{height:490px}.is-opening .match-arena .arena-stage{height:560px}.opening-control{bottom:22px;padding:18px 20px 8px}.opening-caption b{font-size:25px;margin-bottom:14px}.arena-watermark{left:12px;top:25px;font-size:10px}.match-arena .phase{left:14px;bottom:7px;font-size:9px}.match-controls{padding:12px 10px;gap:7px 11px}.match-page>.result{padding:25px 20px}.battle-call{top:24%}}@media(prefers-reduced-motion:reduce){.battle-call{animation:none}.edge-meter i{transition:none}}.match-arena .phase{padding:5px 9px;background:#15191ec9;border-radius:3px}@media(min-width:681px){.opening-control{left:auto;right:28px;transform:none;width:340px;padding:20px 22px 10px}}.clash-counter{position:absolute;top:17px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;color:#ddc49b;padding:6px 13px;background:#15191ed9;border:1px solid #81705466;border-radius:4px;pointer-events:none}.clash-counter>b{font-size:22px;font-variant-numeric:tabular-nums;line-height:1;color:#fff0d2}.clash-counter>span{font-size:10px;white-space:nowrap;letter-spacing:.1em}.match-page .bout-summary{color:#886233;font-weight:650}@media(max-width:680px){.clash-counter{top:12px;gap:6px;padding:5px 9px}.clash-counter>span{font-size:9px}.clash-counter>b{font-size:19px}}@media(max-width:680px){nav button,.brand,.match-controls button,.scoreboard button,.result-actions button,.result-actions a,.dialog-head button,.tutorial button,footer button,footer a,.watch-button{min-height:44px}.dialog-head button,.tutorial button{min-width:44px}.topbar{gap:10px;flex-wrap:wrap;padding:10px 14px}nav{gap:16px}.name-field input{font-size:24px}.match-page .scoreboard{padding:0 12px}.match-page .scoreboard h2{font-size:clamp(20px,6vw,25px)}.match-arena .arena-stage{height:clamp(260px,53svh,440px)}.is-opening .match-arena .arena-stage{height:clamp(145px,24svh,220px)}.opening-control{position:relative;left:auto;right:auto;bottom:auto;transform:none;width:auto;margin:0 12px 12px;padding:12px 14px 4px;-webkit-backdrop-filter:none;backdrop-filter:none}.opening-caption>span{display:none}.opening-caption b{font-size:21px;margin:0 0 9px}.launch-lanes button{min-height:48px;padding:5px 2px;font-size:11px}.launch-lanes button span{font-size:17px}.timing-label{margin:10px 0;font-size:11px}.timing-label kbd{display:none}.timing-track{margin-bottom:12px}.launch-button{min-height:48px;font-size:18px;padding:10px 16px}.watch-button{margin-top:0;font-size:12px}.is-opening .phase{top:8px;bottom:auto}.is-opening .arena-watermark{display:none}.finish-banner{bottom:18px;padding:10px}.finish-banner button{min-height:44px}.result-actions{display:grid;grid-template-columns:1fr}.result-actions button,.result-actions a{text-align:center;overflow-wrap:anywhere}.tutorial{font-size:11px}dialog{padding:20px}}@media(max-width:360px){.hero h1{font-size:27px}.topbar{justify-content:center}.hero-bottom{flex-wrap:wrap}.book-grid{grid-template-columns:1fr}}@media(max-height:500px)and (orientation:landscape){.match-arena .arena-stage{height:300px}.opening-control{position:relative;inset:auto;transform:none;width:min(420px,calc(100% - 24px));margin:0 auto 12px}.is-opening .match-arena .arena-stage{height:190px}}@media(max-width:360px){.match-page .scoreboard h2{letter-spacing:0;font-size:20px}.is-opening .match-arena .arena-stage{height:125px}.opening-control{margin-left:8px;margin-right:8px}}.story-shelf{margin:32px 0;padding-top:24px;border-top:1px solid #9eafc733}.story-shelf h2,.result-stories h3{color:#f1dbb6}.story-search{display:block;margin:20px 0;font-size:13px}.story-search input{display:block;width:100%;min-height:48px;margin-top:8px;padding:10px 12px;border:1px solid #9eafc766;border-radius:8px;color:#e4eaf2;background:#142235}.story-grid,.result-stories>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.story-grid button,.result-stories button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:16px;min-height:112px;background:#142235;border:1px solid #9eafc733;color:#e4eaf2;border-radius:12px}.story-grid button:hover,.result-stories button:hover{border-color:#d2a05f;background:#1d3047}.story-grid b,.result-stories b{font-size:24px;color:#f1dbb6}.story-grid small,.result-stories small{color:#d2a05f}.story-grid span,.result-stories span{font-size:13px;line-height:1.7}.result-stories{margin:24px 0}.surname-story h2{font-size:clamp(20px,4vw,28px);line-height:1.5;text-wrap:balance;color:#f1dbb6}.surname-story aside{padding:16px;border-left:3px solid #d2a05f;background:#1d3047;border-radius:0 10px 10px 0}.surname-story aside p{margin-bottom:0}.story-related{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.story-related>b{width:100%;font-size:13px}.story-related button{min-height:44px}@media(max-width:360px){.story-grid{grid-template-columns:1fr}}.intervention-option{display:flex;align-items:center;gap:10px;margin:12px 0;text-align:left;cursor:pointer}.intervention-option input{width:22px;height:22px;flex-shrink:0;accent-color:#d2a05f}.intervention-option small{display:block;font-size:11px;line-height:1.6;opacity:.75}.match-page.has-intervention{padding-bottom:140px}.intervention-controls{position:fixed;left:50%;transform:translate(-50%);width:min(620px,calc(100% - 24px));bottom:max(8px,env(safe-area-inset-bottom));z-index:12;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#152336f2;border:1px solid #d2a05f66;border-radius:12px;box-shadow:0 8px 26px #0005}.intervention-controls span{font-size:12px}.intervention-controls button{min-height:48px;padding:8px 14px;color:#fff1d7;border:1px solid #b98a54;background:#62432b}@media(max-width:480px){.intervention-controls{flex-wrap:wrap}.intervention-controls span{width:100%;text-align:center}.intervention-controls button{flex:1}}:root{color-scheme:dark;--ink: #e9eef5;--muted: #a4b1c1;--surface: #121e2c;--line: #2a3b4c;--copper: #e78865;--gold: #d6b888}html{background:#0a111b;color:var(--ink)}body{background:radial-gradient(ellipse at 10% 4%,#23314377,transparent 45%),radial-gradient(ellipse at 90% 30%,#56372830,transparent 45%),#0a111b}.topbar{border-color:var(--line)}.brand{color:var(--ink)}.brand small{color:#9daec3}.seal{background:linear-gradient(145deg,#e18b65,#aa482f);box-shadow:0 4px 18px #a6472c30;color:#fff3dc}nav button{color:#9faec0}nav .active{color:#efb38a;border-color:#d58b64}nav span{background:#263749;color:#d9e4ef}.hero{padding-top:46px}.hero h1{color:#f0f2f5;text-shadow:0 4px 35px #0004}.hero h1>span:first-child,.period{color:#e7a47a}.hero .eyebrow{color:#c4a785}.catch{color:#d7e0ea}.intro,.hero-bottom{color:var(--muted)}.home-grid{border:0;gap:24px;padding-top:16px}.entry-panel{background:linear-gradient(145deg,#172435,#101b28);border:1px solid #314152;border-radius:16px;padding:26px;box-shadow:0 20px 55px #0003}.eyebrow,.tiny,.under-button,.live-dot,.arena-caption p,.arena-note{color:#a9b6c6}.mode-switch{background:#0c1521;border:1px solid #29394b;border-radius:8px;padding:4px}.mode-switch button{color:#a9b6c8;min-height:40px}.mode-switch .selected{background:#2a3a4d;color:#f4e8d6;border-radius:5px;box-shadow:0 2px 8px #0003}.name-input label{color:#d0d9e4}.name-input label>span{background:#b95e45}.name-input.west label>span{background:#3e6689}.name-field input{background:#0b1521;border-color:#35495d;border-radius:8px;color:#eef2f7;box-shadow:inset 0 2px 7px #0003}.name-field input:focus{border-color:#d19f73}.name-field input::placeholder{color:#899aae}.brush{color:#52708d}.name-meta,.text-link{color:#d9b78b}.stats>div>span,.stats small{color:#a2b2c4}.bar{background:#2c3d50}.bar i{background:linear-gradient(90deg,#97754d,#e1bd88)}.versus{color:#8294a8}.versus span{background:#2d4155}.input-tools{color:#c0cbd8}.input-tools button{min-height:40px}.primary{background:linear-gradient(120deg,#d1704c,#b64c36);border:1px solid #e39772;box-shadow:0 5px 18px #9d3e2625;color:#fff5e9;border-radius:7px}.primary:hover{background:#d57b55}button:hover,a:hover{color:#f2bf93}.primary:hover{color:#fff}.start{font-size:17px}.arena-preview{border:1px solid #293d50;border-radius:16px;background:radial-gradient(ellipse at 50% 48%,#293545,#111c29 72%);padding:26px 20px 20px;overflow:hidden}.arena-preview .section-head{padding:0 6px}.arena-preview .preview-controls button{color:#c4d1df}.discovery{border-color:var(--line)}.discovery h2{color:#e4ebf3}.demo-buttons button{background:#172534;color:#dce5ef;border:1px solid #33465a;border-radius:7px}.demo-buttons button:hover{background:#293c50;color:#f2c298}.demo-buttons button span{color:#8d9fb4}.tutorial{border-color:#344559;color:#a7b6c8}.match-page{background:#101924;border-color:#3c4a5c;box-shadow:0 20px 65px #0005}.match-page>.result{background:#111e2c;color:#e9eff5;border-color:#9f7e56}.result p,.result .result-tier{color:#acbbce}.result h2 span{color:#efaf80}.result-stats{padding:20px;background:#0c1622;border:1px solid #2d4053;border-radius:10px}.result-actions button:not(.primary),.result-actions a{border:1px solid #33495e;background:#1c2c3d;border-radius:6px;color:#d6e0eb}.result details,.result .text-link{color:#b2c3d5}.match-controls{margin:12px 0}.match-controls button{color:#aabbd0;border:1px solid #2c4053;border-radius:6px;background:#152332;padding:8px 12px;min-height:40px}.match-controls button[aria-pressed=true]{border-color:#a78a62;color:#e8c899}.finish-banner small{color:#c4b498;font-size:12px}.result-dock{position:fixed;z-index:20;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(660px,calc(100% - 28px));background:#152231f5;border:1px solid #927957;border-radius:13px;padding:10px 12px 12px;box-shadow:0 12px 60px #0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.result-dock-caption{display:block;color:#ceb18a;font-size:10px;letter-spacing:.16em;margin:0 0 7px 4px}.result-dock>div{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px}.result-dock button{min-height:48px;padding:10px 8px;font-size:12px;border-radius:7px;border:1px solid #40556b;background:#223449;color:#e5edf6;line-height:1.4}.result-dock button.primary{background:linear-gradient(120deg,#cd714d,#ae4b35);border-color:#df9671;color:#fff6ea}body:has(.result-dock){padding-bottom:calc(140px + env(safe-area-inset-bottom))}.collection p,.collection .tiny{color:#a8b9cb}.book-card{background:#172535;border-color:#30465b;border-radius:10px;color:#e5edf6}.book-card .tag{color:#e1bd8a;border-color:#725f44}.record-list button{border-color:#31465b;color:#d4dfec}.record-list small{color:#a2b2c6}footer{border-color:#2d3c4e;color:#95a6bb}.footer-brand{color:#d1b38c}dialog{background:#152232;border-color:#5a6170;color:#e2eaf3;border-radius:12px}dialog a,.tag{color:#e6bd8d}dialog small{color:#acbbcd}.disclaimer{background:#213145;color:#c5d0de;border-radius:6px}.error,.notice{background:#28303b;color:#f1d4b9;border-color:#dc916b;border-radius:5px}.invalid{color:#ffab91}@media(max-width:680px){.hero{padding:28px 0 20px}.entry-panel{padding:20px 16px;border-radius:12px}.arena-preview{padding:18px 12px;border-radius:12px}.home-grid{gap:18px}.result-dock{width:calc(100% - 16px);bottom:max(8px,env(safe-area-inset-bottom));padding:8px;border-radius:10px}.result-dock>div{gap:6px}.result-dock button{font-size:11px;min-height:48px;padding:8px 5px;letter-spacing:0}.match-page>.result{padding:25px 14px}.result-stats{gap:18px;padding:15px}}.result-dock:has(.next-opponent)>div{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:680px){.result-dock:has(.next-opponent)>div{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.next-opponent){padding-bottom:calc(185px + env(safe-area-inset-bottom))}}.camera-tools button{min-height:44px;color:#c6d5e7;border:1px solid #3b5168;background:#172a3d;border-radius:6px;padding:8px 14px}.preview-caption p{color:#afbdd0;font-size:11px}.stats>div,.stats small{font-size:10px}.under-button{font-size:11px;line-height:1.7}@media(max-width:680px){nav{font-size:11px}.input-tools,.name-meta{font-size:11px}}@media(min-width:900px){.hero{padding:20px 0 16px}.hero h1{font-size:44px;line-height:1.2;margin:10px 0 8px}.hero .catch{font-size:15px;line-height:1.5}.hero-bottom{margin-top:10px}}@media(min-width:900px){.entry-panel{align-self:start;padding:24px}.entry-panel .section-head{margin-bottom:12px}.entry-panel .mode-switch{margin-bottom:14px}.entry-panel .name-field input{padding-top:8px;padding-bottom:8px;font-size:26px}.entry-panel .name-meta{margin:5px 0 8px}.entry-panel .stats{row-gap:5px}.entry-panel .versus{margin:7px 0}.entry-panel .input-tools button{min-height:36px}.entry-panel .start{padding:15px 20px}}@media(min-width:900px){.hero .intro br{display:none}}.primary,.result-dock button.primary{background:linear-gradient(120deg,#a3442e,#853322);color:#fff8f0}.primary:hover,.result-dock button.primary:hover{background:#853322;color:#fff8f0}.play-promise{color:#e3c197;font-size:13px;margin:8px 0 0}.entry-stats{margin:5px 0 9px;font-size:12px;color:#c1cfe0}.entry-stats summary{cursor:pointer;min-height:28px;padding:3px 0}.entry-stats .stats{margin:10px 0}.entry-stats small{display:block;line-height:1.7}.storage-warning,.invitation-banner{border:1px solid #cfaa75;border-radius:10px;background:#253044;color:#f5e1c0;padding:14px 18px;line-height:1.7}.invitation-banner{margin-bottom:16px}.invitation-banner p{margin:5px 0;font-size:14px}.invitation-banner button{min-height:40px;color:#f4d8ad}.advanced-controls{display:flex;flex-wrap:wrap;gap:8px;flex-basis:100%;border-top:1px solid #394b61;padding-top:12px}.result-invite{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0 24px}.result-invite button{min-height:48px;border:1px solid #b68e5e;color:#f4d9b1;padding:10px 16px;border-radius:8px;background:#27364a}.result-invite small{color:#b7c7d9;line-height:1.7}.public-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:13px}.public-links a,.surname-story a{color:#edc596;text-underline-offset:4px}.daily-invitation{display:block;color:#efc898;margin:16px 0;line-height:1.8}.daily-invitation small{display:block;color:#b7c7d9;font-size:12px}.result-dock:has(.next-opponent)>div{grid-template-columns:1.15fr 1fr 1fr}body:has(.next-opponent){padding-bottom:calc(140px + env(safe-area-inset-bottom))}@media(min-width:900px)and (max-height:800px){.topbar{padding-top:12px;padding-bottom:12px}.hero{padding:10px 0 8px}.hero h1{font-size:36px;margin:7px 0}.hero .eyebrow,.hero-bottom{display:none}.hero .intro{margin:6px 0}.home-grid{padding-top:8px}.entry-panel{padding:18px}}@media(max-width:680px){.hero .intro{font-size:12px}.hero-bottom{display:none}.play-promise{font-size:12px}.entry-panel{padding:16px}.name-meta,.input-tools,.under-button{font-size:12px}.result-invite{display:block}.result-invite small{display:block;margin-top:9px}}@media(max-width:680px)and (max-height:740px){.hero{padding:10px 0}.hero .intro{display:none}.hero .catch{margin-bottom:3px}.home-grid{padding-top:8px}.entry-panel .section-head{margin-bottom:8px}.entry-panel .mode-switch{margin-bottom:10px}.entry-panel .versus{margin:5px 0}.entry-panel .input-tools{margin:7px 0}}@media(max-width:680px)and (max-height:740px){.hero .eyebrow{display:none}.hero h1{margin:5px 0}.hero .catch{margin:5px 0;font-size:13px;line-height:1.5}.hero .play-promise{margin:5px 0 0}.entry-panel .name-input label{margin-bottom:6px}.entry-panel .name-field input{min-height:44px;font-size:22px;line-height:1.2;padding-top:8px;padding-bottom:8px}.entry-panel .name-meta{margin:4px 0 6px;min-height:18px}.entry-panel .input-tools button{min-height:44px}}