@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--lime:#d5f479;--cream:#f6f8ee;--ink:#173e2c;--muted:#a4bba0;--coral:#ffad91}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden;color:var(--cream);background:radial-gradient(ellipse at 50% 45%,#234d3e,#102c25 48%,#071c18);font-family:'Noto Sans JP',sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}a{color:inherit}.topbar{height:60px;background:var(--cream);color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font:900 28px/.95 'Barlow Condensed',sans-serif}.brand small{display:block;font:700 10px 'Noto Sans JP';margin-top:5px}.brand-mark{position:relative;background:#204b36;color:var(--cream);width:34px;height:34px;border-radius:50%;text-align:center;line-height:34px;font-size:28px}.brand-mark>span{position:absolute;color:var(--lime);right:0;bottom:-4px;font-size:29px}.header-right{display:flex;align-items:center;gap:20px;font-size:10px;color:#60785a}.wallet{color:#294b30}.wallet b{font:700 19px 'Barlow Condensed';margin:0 3px}.wallet small{font-size:9px}.shell{position:relative;width:min(440px,max(320px,calc((100dvh - 92px)*.56)));height:min(900px,calc(100dvh - 92px));max-width:100%;margin:16px auto;border:1px solid #d0e4bd55;border-radius:28px;box-shadow:0 20px 64px #0006,0 0 0 5px #071e1b55;overflow:hidden;background:#0b2b22;container-type:size}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;background:linear-gradient(#06271d55,transparent 35%,transparent 50%,#041c1855 70%);pointer-events:none}#loading{position:absolute;left:0;right:0;top:45%;text-align:center;font-size:10px;color:var(--lime);z-index:5;pointer-events:none}#title-screen{position:absolute;inset:0;z-index:10;padding:34px 24px 18px;display:flex;flex-direction:column;background:linear-gradient(180deg,#072e27e8 0%,#092e2855 34%,transparent 46%,#082e27d9 68%,#092e28fa 100%);overflow:auto;scrollbar-width:thin}.eyebrow{font:700 10px 'Barlow Condensed',sans-serif;letter-spacing:1.7px;color:#b2c69e;margin:0 0 16px}.title-copy h1{white-space:nowrap;font:900 clamp(45px,15.6cqw,68px)/.96 'Barlow Condensed',sans-serif;letter-spacing:-1px;margin:0;color:#f5f6db}.title-copy h1 span{color:var(--lime)}.kana{font-size:9px;letter-spacing:2px;margin:9px 0 18px;color:#becbb0}.title-copy h2{font-size:20px;letter-spacing:-.04em;margin:0 0 10px;font-weight:800}.description{font-size:10px;line-height:1.9;color:#c2d2b4;margin:0}.title-bottom{margin-top:auto;padding-top:125px}.title-modes{display:flex;flex-direction:column;gap:8px}.title-mode{display:flex;align-items:center;justify-content:space-between;text-align:left;min-height:66px;padding:12px 16px;border:1px solid #a6c29455;border-radius:15px;background:#ffffff08;backdrop-filter:blur(8px)}.title-mode strong{display:block;font-size:17px;font-weight:800}.title-mode small{display:block;font-size:9px;line-height:1.6;margin-top:4px;opacity:.8}.title-mode>b{font-size:25px;font-weight:400}.primary{border:1px solid var(--lime);border-radius:13px;color:#1b3b22;background:var(--lime);font-weight:800;box-shadow:0 0 0 3px #c8ed7020}.primary:hover{background:#e3ffa0}.title-mode:not(.primary):hover{background:#ffffff17}.bonus-note{display:flex;align-items:center;gap:8px;justify-content:center;padding:13px 0;color:#c7d3b8;font-size:8px}.bonus-note span{color:var(--lime);font:700 11px 'Barlow Condensed';letter-spacing:1px}.title-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.title-links button{display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid #b7cda333;background:none;padding:12px 0;font-size:10px;text-align:left;color:#d5e2c8}.title-links span{color:#91aa77}.demo-note{font-size:8px;text-align:center;color:#a0b590;margin:18px 0 0;letter-spacing:.3px}#match-screen{position:absolute;inset:0;pointer-events:none}#match-screen button,#match-screen input{pointer-events:auto}.mode-dock{position:absolute;top:0;left:0;right:0;background:#eef2e4;border-bottom:1px solid #ccdac1;display:flex;gap:3px;padding:10px 12px;height:54px}.mode-dock button{border:0;border-radius:10px;font:700 12px 'Barlow Condensed';letter-spacing:1px;color:#49614a;background:transparent;padding:6px 10px}.mode-dock #battleTab,.mode-dock #betTab{flex:1}.mode-dock button.active{background:#214e38;color:#f5f8e7;box-shadow:0 2px 6px #0b302122}.mode-dock #home,.mode-dock #sound{font-family:Arial;font-size:18px;min-width:33px;letter-spacing:0}.table-caption{position:absolute;top:68px;left:16px;right:16px;display:flex;align-items:center;gap:5px;font:600 8px 'Barlow Condensed';letter-spacing:1px;color:#c9d9bd}.table-caption>span:last-child{margin-left:auto;color:#a3b596}.table-caption i{width:4px;height:4px;background:var(--lime);border-radius:50%}.scoreboard{position:absolute;top:91px;left:14px;width:125px;border:1px solid #d0e6ae44;border-radius:13px;background:#082d269c;overflow:hidden}.score-top{padding:8px;border-bottom:1px solid #d0e6ae22;display:flex;flex-direction:column;gap:4px;font:600 8px 'Barlow Condensed';letter-spacing:1px;color:#b6ca9e}.score-top>span:last-child{color:#ededd3}.scoreboard>div:not(.score-top){display:flex;align-items:center;padding:6px 8px;gap:7px;font:700 12px 'Barlow Condensed'}.scoreboard>div>i{height:5px;width:5px;background:var(--lime);border-radius:50%}.scoreboard>div:last-child>i{background:var(--coral)}.scoreboard strong{font-size:21px;line-height:1;margin-left:auto}.scoreboard small{font-size:7px;color:#b2c49c;min-width:23px}.bet-badge{position:absolute;left:16px;top:99px;display:flex;flex-direction:column;gap:3px}.bet-badge small{font:600 9px 'Barlow Condensed';letter-spacing:1px;color:#bccdb0}.bet-badge strong{font:800 34px 'Barlow Condensed';color:var(--lime)}.bet-badge span{font-size:7px;color:#acc3a6}.coin-caption{position:absolute;right:17px;top:97px;padding:8px 12px;background:#0b3023b3;border:1px solid #c5bd8266;border-radius:10px;display:flex;align-items:center;gap:8px;color:#e8d19b;opacity:0;transition:opacity .2s}.coin-caption.visible{opacity:1}.coin-caption b{font-size:17px}.coin-caption span{font:600 10px 'Barlow Condensed';letter-spacing:1px}.skip{position:absolute;top:49%;right:16px;border:1px solid #adc59955;background:#0d3024b3;border-radius:16px;padding:8px 12px;font-size:8px;color:#dce4ca}.control-panel{position:absolute;left:14px;right:14px;bottom:12px;padding:18px 18px 12px;border:1px solid #c5d6a56b;border-radius:20px;background:linear-gradient(140deg,#eef3e4f7,#e2ebd7f7);box-shadow:0 8px 28px #0003;color:#24422c;pointer-events:auto}.turn-top{display:flex;justify-content:space-between;align-items:center;font:700 10px 'Barlow Condensed';letter-spacing:1.5px;color:#5d774a}.turn-top>span:last-child{letter-spacing:1px;color:#6b8058}.control-panel h2{font-size:21px;line-height:1.4;letter-spacing:-.06em;margin:9px 0 6px}.control-panel>p#hint{font-size:9px;line-height:1.7;color:#718360;margin:0 0 14px}.choices{display:flex;gap:9px}.choices button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #a4b991;border-radius:12px;padding:10px 5px;background:#f8faef;color:#304e2e;min-height:62px;transition:background .15s,transform .15s}.choices button:hover:enabled{background:#d5f479;transform:translateY(-2px)}.choices button>div{display:flex;align-items:flex-start;flex-direction:column;gap:2px}.choices b{font-size:23px;line-height:1.2}.choices small{font:700 9px 'Barlow Condensed';letter-spacing:1px;color:#718060}.mini-coin{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;border:2px solid #bc9246;color:#93702f;background:linear-gradient(140deg,#ffe6a5,#d0a14f);box-shadow:1px 2px #997127;font:700 22px Georgia}.mini-coin.reverse{background:linear-gradient(140deg,#efe0a4,#b18b49);font-size:20px}.key{position:absolute;right:7px;bottom:5px;font:600 9px 'Barlow Condensed';color:#a1af91}.history-row{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:10px;border-top:1px solid #bac9a5;font-size:8px;color:#738660}.history-row>div{font-weight:700;letter-spacing:5px;color:#3f6236}.panel-foot{font-size:7px;color:#718364;text-align:center;margin:9px 0 0}#result{font-size:10px;font-weight:600;line-height:1.8;white-space:pre-line;margin:10px 0 0;color:#38552e}#result:empty{display:none}.next{padding:11px;width:100%;margin-top:10px;font-size:11px;border-radius:10px}#betControls{font-size:9px;margin-bottom:12px}.bet-row{display:flex;align-items:center;gap:8px;margin-top:5px}.bet-row button{border:1px solid #adbf97;background:#eff5e2;border-radius:7px;width:30px;height:30px;color:#416337}.bet-row input{width:65px;text-align:center;border:1px solid #adbf97;border-radius:7px;background:#f6f9eb;color:#284d30;padding:5px}.bet-row>span{margin-left:auto}.scene-effect{position:absolute;left:0;right:0;top:48%;display:flex;align-items:center;flex-direction:column;opacity:0;transform:translateY(10px);transition:.3s;pointer-events:none}.scene-effect.show{opacity:1;transform:translateY(0)}.scene-effect small{font:600 8px 'Barlow Condensed';letter-spacing:2px;color:#f5edca;text-shadow:0 2px 8px #000}.scene-effect strong{font:900 46px/.95 'Barlow Condensed';font-style:italic;color:var(--lime);margin-top:6px;text-shadow:0 4px #173d2b,0 5px 25px #081b17;transform:rotate(-4deg)}.scene-effect.loss strong{color:#ffcfaf}dialog{position:fixed;max-height:90dvh;width:min(390px,calc(100% - 28px));overflow:auto;border:1px solid #c3d0ad;background:#eef2e4;color:#29462b;border-radius:22px;padding:30px 25px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#04110dc2;backdrop-filter:blur(7px)}dialog .eyebrow{color:#718455;margin-bottom:14px}dialog h2{font-size:24px;margin:10px 0 18px;letter-spacing:-.05em}dialog h3{font-size:13px;margin-top:23px}dialog p{font-size:11px;line-height:1.9;color:#667e53}dialog>button.primary{display:block;width:100%;padding:13px;font-size:13px;margin-top:20px}dialog .secondary{display:block;width:100%;border:1px solid #aebf95;background:transparent;color:#476038;border-radius:12px;padding:12px;font-size:12px;margin-top:10px}dialog>small{display:block;font-size:8px;text-align:center;line-height:1.8;color:#80946b;margin-top:17px}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:#70875b;font:25px Arial;padding:5px}.sound-row{display:flex;align-items:center;gap:10px;border-top:1px solid #c6d3b4;padding-top:18px;margin-top:18px}.sound-row label{font-size:13px;font-weight:700}.sound-row span{margin-left:auto;font:600 9px 'Barlow Condensed';letter-spacing:.7px;color:#849473}.sound-row input{accent-color:#426632;width:18px;height:18px}.range-label{display:grid;grid-template-columns:70px 1fr;align-items:center;font-size:10px;margin:18px 0;color:#73865c}.range-label input{width:100%;accent-color:#416638}.credits{font-size:8px!important;line-height:1.8!important;margin:17px 0}.audio-status{font-size:9px}#fallback{position:absolute;inset:29% 0 auto;text-align:center;color:#b9c4a9}.fallback-coin{display:flex;align-items:center;justify-content:center;margin:auto;width:125px;height:125px;border-radius:50%;border:6px double #946b22;background:linear-gradient(130deg,#ffe8a4,#ba8d30);box-shadow:4px 6px #8f6725;color:#966d23;font:bold 85px Georgia}#fallback small{font-size:8px}[hidden]{display:none!important}
@media(max-width:600px){.topbar{height:56px;padding:0 15px}.brand{font-size:25px}.brand small{font-size:9px}.header-right>span{display:none}.header-right{gap:0}.wallet small{font-size:8px}.wallet b{font-size:18px}.shell{width:100%;height:calc(100dvh - 56px);margin:0;border-radius:0;border:0;box-shadow:none}.title-copy h1{font-size:clamp(54px,17cqw,76px)}#title-screen{padding:35px 25px 20px}.title-copy h2{font-size:22px}.description{font-size:11px}.title-mode{min-height:71px}.title-mode strong{font-size:18px}.title-mode small{font-size:10px}.title-links button{font-size:11px}.control-panel{left:13px;right:13px;bottom:max(12px,env(safe-area-inset-bottom));padding:18px 18px 12px}.control-panel h2{font-size:23px}.choices button{min-height:66px}.control-panel>p#hint{font-size:10px}.scoreboard{width:136px}.coin-caption{top:100px}}
@container(max-height:670px){#title-screen{padding-top:24px}.title-copy h1{font-size:52px}.title-copy h2{font-size:17px}.kana{margin:7px 0 12px}.description{font-size:9px}.title-bottom{padding-top:86px}.title-mode{min-height:56px;padding:9px 13px}.title-mode strong{font-size:15px}.title-mode small{font-size:8px}.bonus-note{padding:10px 0}.title-links button{padding:9px 0}.demo-note{margin-top:12px}.control-panel{padding:13px 14px 9px}.control-panel h2{font-size:19px;margin-top:7px}.control-panel>p#hint{font-size:8px;margin-bottom:10px}.choices button{min-height:52px;padding:7px}.choices b{font-size:20px}.mini-coin{width:29px;height:29px}.history-row{margin-top:9px;padding-top:8px}.panel-foot{margin-top:7px}.next{padding:9px;margin-top:7px}.scene-effect{top:45%}.scene-effect strong{font-size:38px}.scoreboard{top:88px;width:119px}.score-top{padding:6px;font-size:7px}.scoreboard>div:not(.score-top){padding:5px 7px}.scoreboard strong{font-size:18px}}
@container(max-height:550px){.description{display:none}.title-bottom{padding-top:70px}.control-panel h2{font-size:17px}.history-row,.panel-foot{display:none}.control-panel>p#hint{margin-bottom:8px}.scene-effect{top:42%}.scene-effect small{display:none}.scoreboard .score-top>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.scene-effect{top:42%}.scene-effect strong{font-size:40px}@container(max-height:670px){.scene-effect{top:40%}.scene-effect strong{font-size:34px}}

#policyNotice{font-size:9px;line-height:1.8;color:#ffe2a1;margin:9px 0 0}#policyNotice:empty{display:none}

/* Japanese turn labels make the acting player and next role explicit. */
.turn-top{gap:8px}.turn-top #phase{font:800 12px/1.4 'Noto Sans JP',sans-serif;letter-spacing:.1px;background:#d4e7ba;border:1px solid #a8c58a;color:#2b542d;border-radius:7px;padding:5px 8px}.turn-top #phase[data-turn=opponent]{background:#f7e0d0;border-color:#d6ab8f;color:#885038}.turn-top #phase[data-turn=neutral]{background:#e4e9da;border-color:#c1ceb2;color:#607353}.turn-top #progress{white-space:nowrap;font-size:10px}.turn-roles{display:flex;gap:6px;margin:0 0 12px;font-size:9px;line-height:1.5}.turn-roles>span{flex:1;border:1px solid #c3cfb6;background:#e8efdf;color:#718461;border-radius:7px;padding:5px 4px;text-align:center}.turn-roles>span.active{background:#355d3d;color:#f4f8e9;border-color:#355d3d;font-weight:700}.turn-roles>#cpuTurn.active{background:#8d6047;border-color:#8d6047}.scoreboard small{font:600 8px 'Noto Sans JP';min-width:25px}.control-panel>p#hint{margin-bottom:9px}
@container(max-height:670px){.turn-top #phase{font-size:10px;padding:4px 6px}.turn-roles{font-size:8px;margin-bottom:8px}.turn-roles>span{padding:4px 2px}.scene-effect{top:36%}.control-panel>p#hint{margin-bottom:7px}}