/* Ritual-table skin; original layout retained as the prototype baseline. */
.game-about{max-width:900px;margin:24px auto;padding:20px 24px;border-top:1px solid var(--line);color:var(--muted);font:12px/1.8 var(--sans)}.game-about a{text-decoration:underline}.powered-by{white-space:nowrap}.powered-by a{color:var(--gold);text-underline-offset:3px}
.preview-art .card p{color:#303c35}
@media(max-width:760px){.hand .card{margin-left:4px!important;margin-right:4px!important}}
:root{--bg:#111b1a;--gold:#cfb37b;--white:#f0ede5;--muted:#b9b9aa;--line:#8f805340;--sans:'Yu Gothic','Meiryo',sans-serif}
body{background:var(--bg)}body:before{content:'';position:fixed;inset:12px;border:1px solid var(--line);pointer-events:none;z-index:-1}.topbar{height:66px;margin:0 36px;padding:0;border-color:var(--line)}.brand{font-size:20px}nav{gap:12px}select{font:13px var(--sans);color:var(--white)}main{max-width:1220px;padding:24px 44px 14px}.heading{max-width:none}h1,.heading h1{font-size:30px}.journey{font:12px var(--sans)}.journey ol{gap:25px}.journey li{width:23px;height:23px}.journey li.active{box-shadow:0 0 0 4px #cfb37b12}
.arena{display:grid;grid-template-columns:220px 1fr 220px;gap:35px;align-items:center;min-height:330px;padding:15px 30px 10px;margin:12px 0 0;max-width:none;aspect-ratio:auto;background:none;overflow:visible}.arena:after{display:none}.arena-line{display:block;position:absolute;width:284px;height:auto;aspect-ratio:1;border:1px solid #b3a47552;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.arena-line:before{content:'';position:absolute;inset:14px;border:1px solid #b3a47538;transform:rotate(45deg)}.arena-line:after{content:'';position:absolute;inset:38px;border:1px solid #b3a47538;border-radius:50%}.combatant{position:relative;bottom:auto;left:auto;right:auto;width:100%;max-width:none;background:none;border:0;padding:0;border-radius:0}.portrait{width:152px;height:186px;margin:0 auto 12px;background-image:url('./battle-v1.png');background-size:510px 340px;background-position:14% 46%;border:1px solid var(--gold);border-radius:80px 80px 3px 3px;box-shadow:0 0 0 5px #111b1a,0 0 0 6px #8f80534d;position:relative;overflow:visible}.portrait:after{content:'0';position:absolute;bottom:-9px;left:calc(50% - 15px);width:30px;line-height:24px;background:#202b25;border:1px solid var(--gold);font-size:14px;color:var(--gold)}.enemy .portrait{background-position:88% 46%;border-color:#c68c7c}.enemy .portrait:after{content:'XVIII';font-size:11px}.fighter-caption .eyebrow{display:block;font-size:9px;margin:0}.fighter-caption h2{font-size:19px;margin:6px 0 10px}.health{width:100%;max-width:180px;height:18px}.health span{font:11px/18px var(--sans)}.health meter{height:18px}.shield{position:absolute;top:auto;bottom:-23px;left:0;right:0;color:#c0d8d1;font:12px var(--sans);margin:0}.intent{position:absolute;top:-15px;bottom:auto;left:auto;right:-20px;padding:8px 10px;background:#3b2529;border:1px solid #a7656380;font:12px var(--sans);color:#f1c4b5;z-index:1}.battle-center{position:relative;top:auto;left:auto;width:auto;background:none;padding:0;text-align:center;z-index:1}.battle-center .seal{display:block;font-size:37px;color:var(--gold)}#stage-name{font-size:22px;margin:12px 0}#turn-label{font:12px var(--sans)}#battle-log{font:14px/1.7 var(--sans);height:48px;max-width:250px;margin:20px auto 0;color:#e0c99d}.arena.attacking .arena-line{animation:flare .35s ease-out}
.player-area{max-width:none;margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.turnbar{margin:0}.energy-count{width:45px;height:45px;border-color:var(--gold);font-size:26px;box-shadow:inset 0 0 0 4px #cfb37b10}.energy strong{font:12px var(--sans)}.energy div>span{font:11px var(--sans)}.primary,.quiet{border-radius:2px;padding:12px 18px;min-height:42px;border:1px solid #97866270;font:13px var(--sans)}.primary{background:#cfb37b;box-shadow:inset 0 0 0 3px #f7dfaf66}.hand{align-items:center;justify-content:center;min-height:278px;padding:28px 30px 20px;gap:0;isolation:isolate}.card{flex:0 0 158px;width:158px;height:224px;min-height:0;border:1px solid #bfa36b;border-radius:5px;padding:6px;background:#e9e4d7;color:#242d29;box-shadow:0 8px 18px #0008;transition:transform .2s,box-shadow .2s;animation:none}.hand .card{margin:0 -7px;transform:translateY(var(--lift,0px)) rotate(var(--tilt,0deg));transform-origin:50% 110%}.hand .card:hover:not(:disabled),.hand .card:focus-visible{transform:translateY(-20px) rotate(0deg);z-index:20;box-shadow:0 14px 30px #0009}.card-art{height:133px;border:1px solid #9c8e6b}.card .cost{top:10px;left:10px;width:28px;height:28px;color:#f9ebc7;background:#253e35;font-size:18px}.card-text{padding:9px 4px 4px}.card h3{font-size:17px;margin:0 0 5px}.card p{font:12px/1.6 var(--sans);min-height:38px}.card:disabled{opacity:.66;filter:saturate(.6)}.save-status{font:11px var(--sans);text-align:right;color:var(--muted);margin:-28px 0 12px;pointer-events:none}#collection-button{font-size:12px;position:relative;z-index:1}
dialog{border-color:#a18d63;border-radius:4px;background:#192924;padding:32px;width:min(620px,calc(100vw - 32px));box-shadow:0 24px 80px #000a}dialog p{font:16px/1.85 var(--sans);color:#d4d5c9}.rewards{display:flex;flex-wrap:wrap;gap:16px}#end-actions{flex-wrap:wrap}.story-option{flex:1 1 200px;background:#20362f}.story-option p{font-size:14px}.ending-art{border:6px double var(--gold)}.preview-art{width:220px;margin:0 auto 20px;pointer-events:none}.preview-art .card{width:220px;height:300px}.preview-art .card-art{height:192px}.preview-art .card h3{font-size:22px}.preview-art .card p{font-size:15px}.preview-actions{display:flex;justify-content:center;gap:16px}#preview-dialog{text-align:center;max-width:360px}@keyframes flare{50%{border-color:#ffe2a0;box-shadow:0 0 24px #cfb37b30}}
@media(max-width:760px){body:before{inset:6px}.topbar{height:56px;margin:0 16px}.brand{font-size:17px}.brand span{display:none}nav{gap:6px}.icon{height:34px;width:34px}select{font-size:12px;padding:6px}main{padding:14px 16px}.heading{align-items:flex-start;gap:8px;padding:0}h1,.heading h1{font-size:24px;margin-top:8px}.journey{font-size:10px}.journey ol{gap:14px}.journey li{width:17px;height:17px}.arena{grid-template-columns:1fr 1.1fr 1fr;gap:6px;min-height:248px;padding:14px 0 8px;margin:12px 0 0}.portrait{width:85px;height:113px;background-size:320px 214px;background-position:20% 44%;margin-bottom:12px}.enemy .portrait{background-position:83% 44%}.fighter-caption .eyebrow{font-size:7px}.fighter-caption h2{font-size:13px;min-height:19px;margin:5px 0 7px}.health{max-width:98px}.arena-line{width:148px;top:47%;opacity:.65}.arena-line:before{inset:10px}.arena-line:after{inset:24px}.battle-center .seal{font-size:25px}#stage-name{font-size:15px;margin:9px 0}#turn-label{font-size:10px}#battle-log{font-size:11px;height:45px;margin:12px 0 0}.intent{font-size:10px;top:-12px;right:-2px;padding:5px}.shield{font-size:11px;bottom:-18px}.player-area{margin-top:0;padding-top:12px}.energy-count{height:36px;width:36px;font-size:22px}.energy{gap:8px}.energy strong{font-size:10px}.energy div>span{font-size:9px}.turn-actions{gap:6px}.primary,.quiet{padding:10px 12px;font-size:12px}.hand{min-height:246px;margin:0 -10px;padding:27px 20px 18px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#746b50 transparent}.card{flex-basis:125px;width:125px;height:193px;min-height:0}.card-art{height:105px}.hand .card{margin:0 -20px;flex-shrink:0;--tilt:0deg!important;--lift:0px!important}.hand .card:first-child{margin-left:0}.hand .card:last-child{margin-right:0}.hand .card:hover:not(:disabled){transform:none}.card h3{font-size:15px}.card p{font-size:11px}.card-text{padding:7px 2px 2px}.card .cost{width:24px;height:24px;font-size:16px}.save-status{font-size:10px;margin-top:-27px}dialog{padding:24px}dialog h2{font-size:24px}dialog p{font-size:15px}.rewards{gap:12px}.story-option{flex-basis:100%;min-height:112px;padding:16px}.story-option strong{font-size:18px}.story-option p{font-size:14px}}
@media(max-width:360px){h1,.heading h1{font-size:20px}.journey ol{gap:10px}.portrait{width:72px;height:102px}.arena{grid-template-columns:1fr 1fr 1fr}.fighter-caption h2{font-size:12px}#stage-name{font-size:13px}.turn-actions{gap:4px}.turn-actions button{padding:10px 9px}.save-status{max-width:130px;margin-left:auto;line-height:1.4}}