*{box-sizing:border-box}body{margin:0;color:#263332;background:#f4f7f6;font-family:"Yu Gothic",Meiryo,sans-serif;line-height:1.7}.daifugo-page{width:min(1040px,calc(100% - 32px));margin:16px auto 32px}h1{font-size:clamp(24px,4vw,32px);margin:0}h2{font-size:21px;margin:0 0 10px}.series-label{font-size:12px;letter-spacing:.15em;color:#52736c;margin-bottom:4px}.breadcrumb{font-size:14px}a{color:#17695a}.game-shell,.info-section{background:#fff;border:1px solid #d7e4df;border-radius:16px;padding:20px;margin:20px 0}button,input,select{font:inherit;min-height:44px;border:1px solid #a8bdb3;border-radius:8px;padding:7px 12px;max-width:100%}button{cursor:pointer;background:#17695a;color:#fff;font-weight:700}button:disabled{cursor:default;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e7aa38;outline-offset:2px}[hidden]{display:none!important}.poker-shell.game-shell{position:relative;height:760px;padding:58px 0 0;overflow:hidden}.help-open{position:absolute;left:12px;top:12px;z-index:40}.poker-look-reset{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:40;font-size:12px}#game-stage{position:relative;height:100%;isolation:isolate;container-type:size;color:#fff;background:#172c2d;overflow:hidden}.table-view{position:absolute;inset:0}#scene{display:block;width:100%;height:100%}.look-enabled{touch-action:none;cursor:grab}.look-enabled:active{cursor:grabbing}#status{position:absolute;top:8px;left:10px;right:10px;margin:0;padding:5px 10px;background:#102a2de8;border-radius:8px;font-size:13px;line-height:1.45;z-index:10;pointer-events:none}#reconnect{position:absolute;right:74px;top:48px;z-index:35}.menu-panel{position:absolute;top:58px;left:14px;width:340px;max-width:calc(100% - 28px);max-height:calc(100% - 74px);overflow:auto;padding:16px;background:#102a2df2;border:1px solid #64847b;border-radius:12px;z-index:5}.entry-buttons{display:grid;gap:10px}.entry-buttons button{min-height:54px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.controls label{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}input{width:150px;min-width:0}select{min-width:100px}.controls button{flex:1}.rules{display:grid;gap:6px;margin:10px 0}.rules label{display:flex;align-items:center;gap:8px}.rules input{width:20px;min-height:24px}summary{cursor:pointer;min-height:44px;padding:8px 0}.room-top{position:absolute;top:48px;left:10px;right:10px;display:flex;align-items:center;gap:12px;font-size:13px}.room-top button{margin-left:auto}#seats{position:absolute;left:10px;right:10px;top:96px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:5px;pointer-events:none}#seats li{padding:4px 7px;background:#102a2dd9;border:2px solid transparent;border-radius:7px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}#seats strong,#seats span{display:block}#seats .actor{border-color:#e7aa38}#seats .self{box-shadow:inset 3px 0 #8bdbb3}#lobby{top:235px}#lobby p{font-size:13px}#management button{margin:4px}#board-panel{position:absolute;top:220px;left:10px;right:10px;text-align:center;text-shadow:0 1px 3px #000}#clock{margin-left:10px;color:#ffe49b}#board{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:7px auto;max-width:600px}#board .card{width:40px;min-height:50px;font-size:19px}#hand-panel{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;background:#102a2de8;border:1px solid #64847b;border-radius:10px;text-align:center}#hand-title{font-size:13px}#hand{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin:10px 0 4px}.card{position:relative;background:#fffdf4;color:#162d35;border:2px solid #a7b5ad;border-radius:7px;font-family:Georgia,serif;box-shadow:0 2px 5px #0003}.card.red{color:#b6303e}.card[aria-pressed=true]{border-color:#df9a20;background:#fff0ba;transform:translateY(-6px)}#hand .card{width:48px;min-height:64px;padding:4px 1px;font-size:23px}#selection{font-size:12px;min-height:20px;margin:4px 0}.actions{display:flex;justify-content:center;gap:6px}.actions button{flex:1;max-width:150px;padding:6px;font-size:14px}.lan-seat-notices{position:absolute;inset:0;pointer-events:none}.lan-seat-notice{position:absolute;transform:translate(-50%,-50%);background:#fff;color:#173a32;border-radius:7px;padding:4px 8px;font-size:12px}#poker-help{width:min(740px,calc(100% - 24px));max-height:88dvh;border:1px solid #a8bdb3;border-radius:14px;padding:0;color:#263332}#poker-help[open]{display:flex;flex-direction:column}#poker-help::backdrop{background:#071b26b3}#poker-help header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;background:#edf5f1}#poker-help h2,#poker-help form{margin:0}.help-body{overflow:auto;padding:4px 18px 18px;font-size:14px}.is-game-fullscreen #game-stage{height:100%}.is-game-fullscreen.poker-shell{padding-top:64px}
@media(max-width:600px){.daifugo-page{width:calc(100% - 24px)}.game-shell,.info-section{padding:12px}.poker-shell.game-shell{height:780px}.menu-panel{top:auto;bottom:12px;left:10px;max-width:calc(100% - 20px);width:calc(100% - 20px);max-height:64%;padding:12px}.entry-buttons{gap:8px}.entry-buttons button{min-height:48px}.room-top{gap:7px;font-size:11px}#seats{grid-template-columns:repeat(2,minmax(0,1fr))}#seats li{font-size:11px}#lobby{top:auto;bottom:12px;max-height:53%}#board-panel{top:245px;font-size:13px}#hand-panel{padding:7px 5px}#hand{gap:4px}#hand .card{width:40px;min-height:54px;font-size:20px}.actions{gap:4px}.actions button{font-size:12px;padding:5px 2px}.poker-look-reset{left:47%;font-size:11px;padding:6px}.help-open{font-size:12px;padding:7px 10px}}
@container (max-height:540px) and (min-width:600px){#seats{right:53%;grid-template-columns:repeat(2,minmax(0,1fr))}#hand-panel{left:48%}#board-panel{right:53%;top:auto;bottom:15px}#lobby{top:200px;max-height:calc(100% - 210px)}#hand .card{width:40px;min-height:52px;font-size:20px}}

#cpu-character-list select{width:190px;min-width:0}.character-guide{font-size:13px;margin:6px 0}#cpu-character-open{width:100%;margin:0 0 8px}@media(max-width:600px){#cpu-character-list select{width:65%}#cpu-character-list label{gap:6px}}

/* DOM field cards are the primary readable display; 3D cards remain a guide. */
#board-panel{z-index:2}#board{gap:5px;max-height:150px;overflow:auto;padding:4px 6px;margin:5px auto;text-shadow:none;border-radius:9px;background:#102a2df0;width:fit-content;max-width:100%}#board .card{display:grid;place-items:center;flex:0 0 56px;width:56px;min-height:72px;font-size:27px;font-weight:700;border-color:#e1d7bf;line-height:1.15;color:#10252d;background:#fffef8}#board .card.red{color:#a4122c}
@media(max-width:600px){.active-game #status[data-routine=true]{display:none}.active-game .room-top{top:var(--hud-top,6px);gap:5px}.active-game #seats{top:var(--seats-top,55px);gap:3px}.active-game #seats li{padding:3px 6px;line-height:1.3}.active-game .table-view{top:var(--scene-top,145px);bottom:var(--scene-bottom,320px)}.active-game #board-panel{top:auto;bottom:var(--board-bottom,240px);font-size:13px;line-height:1.45}.active-game #reconnect{top:var(--hud-top,48px)}#board{max-height:146px}#board .card{flex-basis:48px;width:48px;min-height:64px;font-size:25px}.active-game #hand{max-height:178px;overflow:auto;padding-top:6px;margin-top:3px}.active-game #hand-panel{bottom:8px}.active-game #hand-title{line-height:1.4}}

/* Page guide follows the shared game instructions layout. */
.daifugo-page .instructions{border-top:1px solid #d3e0e5;padding:12px 0;font-size:14px;overflow-wrap:anywhere}
.daifugo-page .instructions h2{font-size:18px;margin:0 0 12px}.daifugo-page .instructions h3{font-size:16px;margin:24px 0 10px}.daifugo-page .instructions h2+h3{margin-top:0}
.daifugo-page .instructions p{line-height:1.7;margin:8px 0;max-width:70ch}.daifugo-page .instructions .howto-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.daifugo-page .howto-cards article{background:#eaf5ed;border:1px solid #d0e2d5;border-radius:8px;padding:12px;min-width:0}.daifugo-page .howto-cards h4{font-size:15px;margin:0 0 6px}.daifugo-page .howto-cards p{margin:0}
.daifugo-page .instructions details{background:#eaf5ed;border:1px solid #d0e2d5;border-radius:8px;padding:0 12px;margin:10px 0}.daifugo-page .instructions summary{min-height:44px;padding:10px 0;font-weight:700;cursor:pointer}.daifugo-page .instructions details p:last-child{margin-bottom:12px}
.daifugo-page .guide-controls{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.7}.daifugo-page .guide-controls th,.daifugo-page .guide-controls td{border:1px solid #d0e2d5;padding:10px 12px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.daifugo-page .guide-controls tr>:first-child{width:29%}.daifugo-page .guide-controls th{background:#eaf5ed}.daifugo-page .guide-controls td{background:#fff}
@media(max-width:600px){.daifugo-page .instructions .howto-cards{grid-template-columns:1fr}.daifugo-page .guide-controls tr>:first-child{width:36%}.daifugo-page .guide-controls th,.daifugo-page .guide-controls td{padding:8px}.daifugo-page .instructions h3{margin-top:20px}}
/* Practice keeps the guide and controls in separate rows within the viewport. */
#tutorial-panel{z-index:12;padding:10px;background:#102a2df5;border:2px solid #e7aa38;border-radius:10px;font-size:14px;line-height:1.5;overflow:auto}#tutorial-panel p{margin:6px 0 10px}.tutorial-controls{display:flex;gap:7px;flex-wrap:wrap}.tutorial-controls button{min-height:44px}.tutorial-target{outline:3px solid #ffce57;outline-offset:2px}
.poker-shell:has(.tutorial-active){height:min(760px,calc(100dvh - 16px))}
#game-stage.tutorial-active{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(24px,1fr) auto auto;gap:6px;padding:8px;overflow:auto}
.tutorial-active #room,.tutorial-active #play{display:contents}
.tutorial-active .room-top,.tutorial-active #seats,.tutorial-active #tutorial-panel,.tutorial-active .table-view,.tutorial-active #board-panel,.tutorial-active #hand-panel{position:relative;inset:auto!important;min-width:0;margin:0}
.tutorial-active .room-top{grid-row:1}.tutorial-active #seats{grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-active #tutorial-panel{grid-row:3;max-height:190px}.tutorial-active .table-view{grid-row:4;min-height:0}.tutorial-active #board-panel{grid-row:5}.tutorial-active #hand-panel{grid-row:6}.tutorial-active #status,.tutorial-active #lobby{display:none}
.tutorial-active #board{margin:4px auto;max-height:82px}.tutorial-active #hand{margin:3px 0 4px;padding-top:6px;max-height:130px;overflow:auto}.tutorial-active #hand-title{line-height:1.4}
@media(max-width:600px){.tutorial-active #tutorial-panel{padding:8px;font-size:13px;max-height:190px}.tutorial-active #tutorial-panel p{margin:4px 0 7px}.tutorial-controls{gap:5px}.tutorial-controls button{padding:6px 10px}.tutorial-active #hand .card{min-width:44px;min-height:56px}.tutorial-active #seats li{padding:3px 6px}.tutorial-active #board-panel{line-height:1.4}.tutorial-active #board .card{min-height:56px;font-size:23px}.tutorial-active #hand-panel{padding:6px 5px}}

#coin-wallet{margin:1rem 0}#coin-note:empty{display:none}#coin-summary{padding:.65rem .9rem;border:1px solid #b59a55;border-radius:.5rem;overflow-wrap:anywhere}#coin-options p{font-size:.9rem}#coin-options select{max-width:100%}