:root{color:#f4ead9;background:#182018;font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;--ink: #182018;--paper: #f4ead9;--moss: #294632;--sage: #73966d;--gold: #e0ad4e;--line: rgba(244, 234, 217, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(115,150,109,.16),transparent 35rem),#182018}button,input{font:inherit}button{border:1px solid var(--line);border-radius:.7rem;padding:.7rem 1rem;color:var(--paper);background:#304435;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold)}button:disabled{cursor:default;opacity:.55}.primary{color:var(--ink);background:var(--gold);border-color:var(--gold);font-weight:800}.danger{color:#ffe4df;background:#7b2d25;border-color:#ffb8a88c;font-weight:800}.text-button{border-color:transparent;background:transparent;padding-inline:.35rem}.eyebrow{margin:0 0 .45rem;color:var(--gold);font-size:.73rem;font-weight:900;letter-spacing:.18em}h1,h2,p{margin-top:0}h1{font-family:Georgia,Yu Mincho,serif}.home{width:min(46rem,calc(100% - 2rem));margin:0 auto;padding:10vh 0 4rem}.home h1{margin-bottom:.5rem;font-size:clamp(3rem,9vw,6.5rem);line-height:.95}.lead{max-width:34rem;color:#cabfae;font-size:1.08rem}.setup-card{display:grid;gap:1rem;margin-top:3rem;padding:1.5rem;border:1px solid var(--line);border-radius:1.25rem;background:#f4ead90e}.history-page .setup-card{margin-top:0}.history-page .section-title{align-items:flex-start}.history-summary{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:.2rem 1rem;border:1px solid rgba(224,173,78,.35);padding:.8rem .9rem}.history-summary span{color:var(--gold);font-size:1.5rem;font-weight:900}.history-summary small{grid-column:1 / -1;color:#cabfae}.history-seat-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .75rem}.history-seat-summary span{border-bottom:1px solid var(--line);padding-bottom:.35rem;color:#cabfae;font-size:.84rem}.history-entry{display:grid;gap:.55rem;border-top:1px solid var(--line);padding-top:.9rem}.history-entry header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.history-entry time,.history-entry p{color:#cabfae;font-size:.84rem}.history-entry p{margin-bottom:0}.history-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .75rem;color:var(--paper);font-size:.82rem}.online-panel{align-items:stretch}.online-login{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.online-login legend{grid-column:1 / -1}.online-login input{min-width:0;border:1px solid var(--line);border-radius:.55rem;padding:.7rem .8rem;color:var(--paper);background:#08070652}.online-games{display:grid;gap:.8rem}.online-games h2{margin:0}.online-game{display:grid;gap:.8rem;padding:.9rem;border:1px solid var(--line);border-radius:.65rem;background:#0807063d}.online-game header,.online-actions{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.online-game header span{color:var(--gold);font-size:.8rem;font-weight:800}.online-game .current-setting-note{margin-left:auto;color:var(--paper);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.online-game input:checked+.setting-value,.online-game .model-options input:checked+span{color:var(--paper);font-weight:800}.online-seats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.online-seats span{display:flex;min-height:2.4rem;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid rgba(244,234,217,.12);border-radius:.45rem;padding:.35rem .55rem;color:#cabfae;font-size:.82rem}.online-seats span.filled{color:var(--paper);border-color:#e0ad4e52}.online-seats button{padding:.25rem .45rem;border-radius:.35rem;font-size:.72rem}fieldset{display:flex;gap:1rem;border:0;padding:0}.model-picker{display:grid}.model-options{display:grid;gap:.65rem}.model-options label{min-height:2.6rem;border:1px solid var(--line);border-radius:.5rem;padding:.55rem .75rem;background:#08070647}.model-options input:disabled+span{color:#8d8377}legend{width:100%;margin-bottom:.65rem;color:#cabfae;font-size:.8rem;font-weight:800}label{display:flex;gap:.45rem;align-items:center}.game-page{max-width:120rem;margin:0 auto;padding:1rem 1.3rem 2rem}.game-header,.header-actions,.score-strip,.section-title{display:flex;align-items:center}.game-header{justify-content:space-between;border-bottom:1px solid var(--line)}.game-header h1{margin-bottom:.8rem}.header-actions{gap:.8rem;color:#cabfae;font-size:.85rem}.score-strip{gap:.5rem;margin:1rem 0}.score-strip article{display:grid;flex:1;gap:.15rem;padding:.65rem .8rem;border:1px solid var(--line);border-radius:.75rem;color:#cabfae;font-size:.75rem}.score-strip article strong{color:var(--paper);font-size:.9rem}.score-strip .last-turn{min-height:2.2em;margin-top:.25rem;padding-top:.35rem;border-top:1px solid var(--line);color:#e7dccb;line-height:1.35}.score-strip .active-player{border-color:var(--gold);background:#e0ad4e17}.game-layout{display:grid;grid-template-columns:minmax(32rem,1fr) minmax(20rem,26rem);gap:1.4rem}.board-panel,.control-panel{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#f4ead909}.control-panel{display:flex;flex-direction:column;gap:1.2rem}.control-panel section{padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.section-title{justify-content:space-between}.section-title span,.hint{color:#cabfae;font-size:.8rem}.board-shell{display:grid;grid-template-columns:1.5rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) 1.5rem;width:min(100%,49rem);margin:0 auto}.board{display:grid;grid-template-columns:repeat(7,1fr);aspect-ratio:1;border:2px solid #9d8a67;background:#b8a985}.rank-labels,.column-labels{display:grid;color:#cabfae;font-size:.7rem}.rank-labels{grid-template-rows:repeat(7,1fr)}.column-labels{grid-column:2;grid-template-columns:repeat(7,1fr)}.rank-labels span,.column-labels span{display:grid;place-items:center}.board-cell{position:relative;display:grid;place-items:center;min-width:0;padding:6%;border:1px solid rgba(24,32,24,.18);border-radius:0;color:var(--ink);background:#f4ead93b}.board-cell.in-frame{background:#e0ad4e47;box-shadow:inset 0 0 0 2px #e0ad4e99}.board-cell.will-be-penalty{background:#080a08b8;box-shadow:inset 0 0 0 2px #da634f9e}.board-cell.will-be-penalty .board-card{opacity:.52;filter:grayscale(.7) brightness(.58)}.penalty-label{position:absolute;right:.18rem;bottom:.18rem;z-index:2;padding:.1rem .24rem;border-radius:.25rem;color:#fff3e4;background:#9f3428;font-size:.56rem;font-weight:900}.board-cell.is-legal{cursor:pointer;background:#f5e7a1b8;box-shadow:inset 0 0 0 3px var(--gold)}.board-cell.is-frame-anchor{cursor:pointer;background:#f5e7a1d1;box-shadow:inset 0 0 0 4px var(--gold)}.board-cell:disabled{opacity:1}.frame-anchor-label{position:absolute;top:.2rem;right:.2rem;padding:.12rem .28rem;border-radius:.25rem;color:var(--ink);background:var(--gold);font-size:.58rem;font-weight:900}.board-card,.hand-card{border:2px solid rgba(24,32,24,.42);color:#101510;box-shadow:0 .2rem .5rem #00000040}.board-card{display:grid;place-items:center;width:78%;aspect-ratio:.78;border-radius:.4rem}.board-card strong{font-family:Georgia,serif;font-size:clamp(1rem,3.3vw,2rem)}.board-card small{position:absolute;right:4%;bottom:2%;padding:.05rem .25rem;border-radius:1rem;color:#fff;background:#182018;font-size:.6rem}.card-color{font-size:.58rem;font-weight:800}.card-red{background:#df6b5e}.card-blue{background:#75aee7}.card-green{background:#7fb77a}.card-yellow{background:#ead568}.play-order{position:absolute;top:.25rem;left:.25rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;color:var(--ink);background:var(--gold);font-size:.72rem;font-weight:900}.hand{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.hand-card{display:flex;min-height:4.7rem;align-items:center;justify-content:space-between;padding:.7rem;border-radius:.6rem}.hand-card strong{font-family:Georgia,serif;font-size:2rem}.hand-card.selected{outline:4px solid var(--gold);transform:translateY(-.2rem)}.frame-mode{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.65rem 0 .8rem;color:#cabfae;font-size:.84rem}.frame-mode button{min-width:4.4rem;padding:.45rem .8rem;border-radius:.45rem;font-weight:800}.frame-mode button.selected{color:var(--ink);background:var(--gold);border-color:var(--gold)}.frame-picker{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;margin-top:1rem;padding:.8rem;border:1px solid rgba(224,173,78,.45);border-radius:.7rem;background:#e0ad4e14}.frame-picker p{margin:.25rem 0 0;color:#cabfae;font-size:.8rem;line-height:1.55}.frame-confirm{min-width:5rem}.comparison-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.score-strip article .last-turn{min-height:2.2em;margin-top:.25rem;padding-top:.35rem;border-top:1px solid var(--line);color:#e7dccb;line-height:1.35}.comparison-cards-vertical{display:flex;flex-direction:column;gap:.55rem}.comparison-under-hand{width:100%;min-width:0;margin-top:1rem}.comparison-under-hand .comparison-heading{grid-template-columns:1fr;gap:.3rem}.comparison-under-hand .comparison-heading span{text-align:left;line-height:1.45}.comparison-cards-vertical button{min-width:0;min-height:4.1rem;overflow:hidden;word-break:break-word}.win-rate-toggle{margin-top:.8rem}.candidate-effects{display:inline-flex;gap:.35rem;margin-top:.2rem;font-size:.78rem;white-space:normal}.candidate-bonus{color:#087f5b}.candidate-penalty{color:#c92a2a}.comparison-heading,.comparison-column-headings{display:grid;align-items:center}.comparison-heading{grid-template-columns:auto 1fr;gap:.75rem}.comparison-heading h2{margin:0}.comparison-heading span{color:#cabfae;font-size:.72rem;text-align:right}.comparison-column-headings{grid-template-columns:minmax(7rem,.8fr) repeat(4,minmax(0,1fr));gap:.4rem;margin:.45rem 0 .3rem;color:#cabfae;font-size:.68rem;font-weight:800;text-align:center}.comparison-column-headings span:first-child{text-align:left}.model-comparisons{display:grid;gap:1rem}.model-comparison{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,4fr);gap:.65rem;padding:.8rem;border:1px solid var(--line);border-radius:.7rem;background:#00000024}.model-identity{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:.15rem}.model-comparison h3{margin:0;color:var(--gold);font-size:1rem}.model-identity span,.model-note,.model-error{color:#cabfae;font-size:.72rem}.model-error{margin:0}.model-note{color:#9fae9d}.preplay-summary{color:#f5d27a;font-size:.9rem;margin-left:auto;white-space:nowrap}.model-error{grid-column:2;align-self:center;color:#ffb8a8}.planned-refill>p{color:#cabfae;font-size:.82rem;line-height:1.6}.planned-refill>div{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.planned-refill button.selected{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}.comparison-cards button{display:grid;min-height:9rem;align-content:start;gap:.4rem;text-align:left}.comparison-cards button.selected{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}.comparison-cards strong{color:var(--gold);font-family:Georgia,serif;font-size:2rem}.comparison-cards small{min-height:2em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.comparison-cards em{color:#cabfae;font-size:.72rem;font-style:normal}.same-cards{width:fit-content;padding:.15rem .35rem;border-radius:1rem;color:var(--ink);background:var(--gold);font-size:.66rem}.download-analysis{width:100%;margin-top:.65rem}.control-actions{display:grid;gap:.5rem;margin-top:auto}.continue-hint{margin:.2rem 0 0;color:#cabfae;font-size:.78rem;line-height:1.55}.notice{padding:.7rem 1rem;border:1px solid rgba(224,173,78,.45);border-radius:.7rem;color:#ffe1a8;background:#e0ad4e14}.turn-status{display:flex;min-height:12rem;align-items:center;justify-content:center;gap:.7rem;color:#cabfae}.spinner{width:1rem;height:1rem;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-over{display:grid;justify-items:start;gap:.8rem;max-width:38rem;margin:10vh auto;padding:2rem;border:1px solid var(--gold);border-radius:1rem}footer{padding-top:1rem;color:#8f9b8d;font-size:.75rem;text-align:center}@media (min-width: 1200px){.is-comparing-page{display:flex;width:100%;height:100dvh;max-width:none;flex-direction:column;overflow:hidden;padding:.45rem .65rem .25rem}.is-comparing-page .game-header{min-height:2.6rem}.is-comparing-page .game-header h1{margin:0;font-size:1.35rem}.is-comparing-page .eyebrow{display:none}.is-comparing-page .score-strip{gap:.35rem;margin:.35rem 0}.is-comparing-page .score-strip article{grid-template-columns:auto repeat(3,auto);align-items:center;justify-content:space-between;gap:.35rem;padding:.3rem .5rem}.is-comparing-page .notice{margin:0 0 .35rem;padding:.35rem .65rem;font-size:.78rem}.is-comparing-page .game-layout{flex:1;min-height:0}.game-layout.is-comparing{grid-template-columns:minmax(28rem,.72fr) minmax(43rem,1.12fr);gap:.65rem}.is-comparing .board-panel,.is-comparing .control-panel{min-height:0;padding:.55rem;border-radius:.75rem}.is-comparing .board-panel{display:grid;place-items:center;overflow:hidden}.is-comparing .board-shell{width:min(100%,calc(100dvh - 8.5rem))}.is-comparing .control-panel{gap:.4rem;overflow:hidden}.is-comparing .control-panel>section{padding-bottom:.4rem}.is-comparing .section-title h2{margin:0 0 .25rem;font-size:.95rem}.is-comparing .hand{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem}.is-comparing .hand-card{min-height:2.8rem;padding:.3rem .45rem}.is-comparing .hand-card strong{font-size:1.25rem}.is-comparing .comparison{display:flex;min-height:0;flex:1;flex-direction:column}.is-comparing .comparison-under-hand{flex:none;overflow:visible}.is-comparing .comparison-cards-vertical{display:flex;flex-direction:column;overflow:visible}.is-comparing .comparison-cards-vertical button{min-height:3.8rem;grid-template-columns:5rem 5rem 1fr;align-items:center}.is-comparing .comparison-heading h2{font-size:1rem}.is-comparing .model-comparisons{min-height:0;flex:1;grid-template-rows:repeat(5,minmax(0,1fr));gap:.3rem}.is-comparing .model-comparison{min-height:0;gap:.4rem;padding:.3rem .4rem;border-radius:.45rem}.is-comparing .model-comparison h3{font-size:.78rem;line-height:1.15}.is-comparing .model-identity span,.is-comparing .model-note{font-size:.61rem;line-height:1.15}.is-comparing .comparison-cards{min-height:0;gap:.3rem}.is-comparing .comparison-cards button{min-height:0;padding:.25rem .35rem;gap:.08rem;border-radius:.45rem}.is-comparing .comparison-cards button>span{display:none}.is-comparing .comparison-cards strong{font-size:1.25rem;line-height:1.05}.is-comparing .comparison-cards small{min-height:2.25em;font-size:.64rem;line-height:1.15}.is-comparing .comparison-cards em{font-size:.61rem;line-height:1}.is-comparing .same-cards{padding:.08rem .25rem;font-size:.56rem;line-height:1.1}.is-comparing .download-analysis{width:auto;align-self:flex-end;margin-top:.3rem;padding:.35rem .65rem;font-size:.72rem}.is-comparing .control-actions{grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 auto;gap:.35rem;margin-top:0}.is-comparing .control-actions button{padding:.4rem .65rem;font-size:.78rem}.is-comparing-page footer{padding-top:.2rem;font-size:.65rem}}.details-page{max-width:48rem;margin:0 auto;padding:3rem 1.2rem 6rem}.details-page h1{margin:1.5rem 0 3rem;font-size:clamp(2.4rem,7vw,4.5rem)}.details-page section{margin:2.2rem 0;padding-top:1.5rem;border-top:1px solid var(--line)}.details-page p,.details-page dd,.details-page li{color:#cabfae;line-height:1.8}.details-page dt{font-weight:800}@media (max-width: 1199px){.game-layout{grid-template-columns:1fr}.game-header,.score-strip{align-items:stretch}.game-header{gap:.5rem}.header-actions{flex-wrap:wrap;justify-content:flex-end}.score-strip{display:grid;grid-template-columns:1fr 1fr}.comparison-column-headings{display:none}.model-comparison{grid-template-columns:1fr}.model-identity{display:grid;grid-template-columns:1fr auto}.model-identity .model-note,.model-error{grid-column:1 / -1}.comparison-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1200px){.is-comparing-page{display:block;width:auto;height:auto;max-width:120rem;overflow:visible;padding:1rem 1.3rem 2rem}.is-comparing-page .game-header{min-height:0}.is-comparing-page .game-header h1{margin-bottom:.8rem;font-size:revert}.is-comparing-page .eyebrow{display:block}.is-comparing-page .score-strip{gap:.5rem;margin:1rem 0}.is-comparing-page .score-strip article{display:grid;grid-template-columns:none;justify-content:initial;gap:.15rem;padding:.65rem .8rem}.is-comparing-page .game-layout{flex:none;min-height:0}.game-layout.is-comparing{grid-template-columns:minmax(32rem,1fr) minmax(20rem,26rem);gap:1.4rem}.is-comparing .board-panel,.is-comparing .control-panel{min-height:0;padding:1rem;border-radius:1rem}.is-comparing .board-panel{display:block;overflow:visible}.is-comparing .board-shell{width:min(100%,49rem)}.is-comparing .control-panel{gap:1.2rem;overflow:visible}.is-comparing .hand{grid-template-columns:repeat(3,1fr);gap:.55rem}.is-comparing .hand-card{min-height:4.7rem;padding:.7rem}.is-comparing .hand-card strong{font-size:2rem}}.tutorial-page{width:min(100%,78rem);margin:0 auto;padding:2rem 1.4rem 4rem;color:var(--ink, #20251f)}.tutorial-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem}.tutorial-header h1{margin:.25rem 0 .8rem}.tutorial-lead{max-width:42rem;margin:0;font-size:1.1rem}.tutorial-back,.tutorial-bottom-back{flex:0 0 auto;white-space:nowrap}.tutorial-section{margin:1.4rem 0;padding:clamp(1.2rem,3vw,2.2rem);border:1px solid rgba(61,79,54,.16);border-radius:1.2rem;background:#fffdf6db;box-shadow:0 .8rem 2rem #232d1e0f}.tutorial-section h2{margin:.25rem 0 .8rem}.tutorial-section h3{margin:0 0 .35rem;font-size:1.05rem}.tutorial-section p{max-width:62rem;line-height:1.75}.tutorial-hero,.tutorial-section-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.92fr);gap:clamp(1.2rem,4vw,3rem);align-items:center}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tutorial-rule{display:flex;gap:.8rem;padding:1rem;border-radius:.9rem;background:#ebefdfb8}.tutorial-rule>span{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 2rem;border-radius:50%;background:#536c44;color:#fffdf6;font-weight:700}.tutorial-rule p{margin:0;font-size:.94rem;line-height:1.6}.tutorial-figure{margin:0}.tutorial-figure img{display:block;width:100%;max-height:34rem;object-fit:cover;object-position:top;border:1px solid rgba(61,79,54,.24);border-radius:.85rem;background:#e9eadf;box-shadow:0 .6rem 1.5rem #232d1e1f}.tutorial-figure figcaption{margin-top:.55rem;color:#5c6658;font-size:.82rem;line-height:1.5}.tutorial-figures{display:grid;gap:1rem}.tutorial-figures .tutorial-figure img{max-height:22rem}.tutorial-note{display:flex;gap:.8rem;align-items:baseline;margin-top:1rem;padding:1rem 1.1rem;border-left:.3rem solid #c2933e;background:#f6edd9}.tutorial-note span{line-height:1.65}.tutorial-scope{background:#e8eee0bf}.tutorial-bottom-back{display:block;margin:2rem auto 0}@media (max-width: 760px){.tutorial-header,.tutorial-hero,.tutorial-section-split{display:block}.tutorial-header .tutorial-back{margin-top:1rem}.tutorial-hero .tutorial-figure,.tutorial-section-split .tutorial-figure{margin-top:1.2rem}.tutorial-grid{grid-template-columns:1fr}}