:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#2d382d;background:#f5f2e9;font-synthesis:none;--ink:#2d382d;--muted:#737b6a;--green:#344c3d;--line:#dcded0;--rust:#ae6343;--paper:#fffef8}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent }button{cursor:pointer;background:var(--green);color:#fffef8;border:1px solid var(--green);border-radius:9px;padding:13px 22px;font-size:15px;font-weight:600;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#233b2d}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ae6343;outline-offset:4px}button .en{font-size:11px;font-weight:400;opacity:.78}.secondary{background:transparent;color:var(--green);border-color:#afb8a5}.secondary:hover:not(:disabled){background:#e6ebdf}.text-button{border:0;background:none;color:var(--green);padding:5px;font-size:12px}.text-button:hover:not(:disabled){background:#e6ebdf}.en{display:block;font-size:.65em;line-height:1.6;font-weight:400;letter-spacing:.015em;color:var(--muted)}button .en{color:inherit}a{color:inherit;text-decoration:none}.site-header{max-width:1400px;margin:auto;padding:29px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,"Microsoft YaHei",serif;font-size:23px;letter-spacing:3px;font-weight:600}.wordmark span{display:block;font-family:"Segoe UI",sans-serif;font-size:10px;letter-spacing:1.5px;font-weight:400;margin-top:3px}.edition{font-size:10px;letter-spacing:1.5px;color:var(--muted);border:1px solid var(--line);padding:7px 12px;border-radius:30px}main{max-width:1400px;margin:auto;padding:0 6%}footer{max-width:1400px;margin:35px auto 0;padding:22px 6%;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between}footer span{font-size:11px}.welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding:64px 0 30px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--muted);margin:0 0 20px}.hero-copy h1{font-size:clamp(40px,4.8vw,70px);font-family:Georgia,"Microsoft YaHei",serif;line-height:1.33;letter-spacing:1px;margin:25px 0 8px;font-weight:500}.hero-copy h1 em{font-style:normal;color:var(--rust)}.hero-en{font-family:Georgia,serif;font-size:23px;font-style:italic;margin:12px 0 28px;color:var(--muted)}.intro{font-size:14px;line-height:1.9;color:#596450}.intro .en{font-size:11px;max-width:330px;margin-top:10px}.paper-stack{position:relative;height:220px;width:310px;margin:32px 0 0 18px}.paper-stack div{position:absolute;top:18px;left:0;background:#e8ebdf;width:150px;height:180px;border:1px solid #bec6ae;border-radius:12px;transform:rotate(-14deg);padding:22px;font-size:23px;box-shadow:0 8px 20px #3b4a3020}.paper-stack div:nth-child(2){left:88px;top:4px;transform:rotate(-2deg);background:#fdfaf0}.paper-stack div:nth-child(3){left:170px;top:22px;transform:rotate(13deg);background:#ebd8c7;border-color:#ccac91}.paper-stack span{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}.paper-stack b{display:block;margin-top:26px;font-size:33px;font-weight:400}.entry-panel{background:#fffdf6;border:1px solid var(--line);border-radius:16px;padding:34px 36px;align-self:start;box-shadow:0 7px 30px #454d2710}.entry-panel h2{font-family:Georgia,"Microsoft YaHei",serif;font-size:24px;line-height:1.5;margin:0 0 12px;font-weight:500}.entry-panel h2 .en{font-size:12px}.phase-note{font-size:12px;color:var(--rust);padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:22px}.phase-note .en{color:var(--rust);font-size:10px}form label{display:block;font-size:12px;margin:0 0 8px}input{display:block;width:100%;border:1px solid #cdd2c2;background:#fffef9;color:var(--ink);border-radius:7px;padding:13px;margin-bottom:17px}input::placeholder{color:#939a89;font-size:13px}#room-code{letter-spacing:3px;text-transform:uppercase}form button{width:100%;position:relative}.arrow{position:absolute;right:20px;top:18px;font-size:22px}.divider{text-align:center;font-size:9px;letter-spacing:1px;color:var(--muted);padding:22px 0}.small-note{font-size:11px;text-align:center;color:var(--muted);margin:23px 0 0}.small-note .en{font-size:10px}.saved{border-top:1px solid var(--line);margin-top:25px;padding-top:16px}.saved h3{font-size:11px;font-weight:400}.restore{background:transparent;color:var(--green);display:flex;justify-content:space-between;width:100%;padding:8px 5px;border:0;font-size:13px}.restore:hover:not(:disabled){background:#e6ebdf}.restore small{font-size:10px;font-weight:400}.notice{background:#e6eddf;border:1px solid #b8c9ab;color:#405c35;padding:16px 20px;font-size:13px;margin:24px 0;border-radius:10px;line-height:1.8}.notice.error{background:#f6e3d9;border-color:#d9aa90;color:#8b3f25;position:relative;padding-right:45px}.notice.error button{position:absolute;right:7px;top:6px;background:none;border:none;color:inherit;font-size:20px;padding:5px}.room{padding-top:40px}.room-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.room-top h1{font-family:Georgia,"Microsoft YaHei",serif;font-size:32px;font-weight:500;margin:0}.room-top h1 .en{font-family:"Segoe UI",sans-serif;font-size:13px;margin-top:5px}.room-top .eyebrow{margin-bottom:12px}.room-code{text-align:right}.room-code>span{font-size:9px;letter-spacing:1px;display:block;color:var(--muted)}.room-code strong{display:block;font-size:27px;font-family:monospace;letter-spacing:5px;margin:6px 0}.room-meta{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:11px;padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted)}.room-meta>.text-button{margin-left:auto}.connection:before{content:'';display:inline-block;width:7px;height:7px;background:#ae6343;border-radius:50%;margin-right:7px}.connection.online:before{background:#598a53}.player-strip{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0}.player-chip{display:grid;grid-template-columns:8px 1fr;gap:4px 8px;padding:12px 16px;border:1px solid var(--line);border-radius:9px;background:#faf9f1;min-width:120px}.player-chip.me{border-color:#8f9f82;background:#e8eddf}.player-chip b{font-size:13px;font-weight:500}.player-chip small{grid-column:2;font-size:9px;color:var(--muted)}.dot{background:#b4b7aa;width:6px;height:6px;border-radius:50%;margin-top:7px}.dot.online{background:#648c54}.lobby-panel{text-align:center;background:#fffef6;border:1px dashed #a4b097;border-radius:16px;padding:40px 20px;margin:10px 0 50px}.lobby-panel>p:first-child{font-family:Georgia,"Microsoft YaHei",serif;font-size:24px}.lobby-panel>p:first-child .en{font-family:"Segoe UI",sans-serif;font-size:12px}.lobby-panel .muted{max-width:560px;margin:20px auto;line-height:1.8;font-size:13px}.waiting{color:var(--rust);font-size:13px}.muted{color:var(--muted);font-size:12px;line-height:1.8}.test-notice{background:#eae7dc;border-left:3px solid var(--rust);padding:16px 20px;margin:10px 0 18px;font-size:12px}.test-notice b{font-weight:600}.test-notice p{margin:8px 0 0;line-height:1.7}.test-notice .en{font-size:10px}.legend{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--muted);margin:20px 0 25px}.legend span:before{content:'';display:inline-block;width:10px;height:10px;border:1px solid #aebc9e;border-radius:3px;margin-right:7px;background:#fffef8}.legend .preview-marker:before{background:#f2cfb9;border-color:#b96c46}.legend .discarded-marker:before{background:#dfdfd5;border-color:#b9bbb0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.section-heading h2{font-family:Georgia,"Microsoft YaHei",serif;font-size:24px;font-weight:500;margin:0}.section-heading h2 small{font:10px "Segoe UI",sans-serif;color:var(--muted);margin-left:8px}.section-heading .en{font-family:"Segoe UI",sans-serif;font-size:11px;margin-top:7px}.counter{font-family:monospace;font-size:23px;color:var(--rust)}.selection-panel{padding:25px 0}.selection-panel>.muted{margin:0 0 20px}.presence{font-size:10px;color:#5e8252}.player-panel{border-top:1px solid var(--line);padding:28px 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.life-card{background:var(--paper);border:1px solid #c3c9b5;border-radius:10px;position:relative;padding:14px 15px 16px;text-align:left;min-height:187px;display:flex;flex-direction:column;font-weight:400;color:var(--ink);box-shadow:0 2px 4px #35412a08;transition:border-color .15s,background .15s}.life-card:hover:not(:disabled){background:#fffef8}.life-card:disabled{opacity:.8}.life-card.preview{background:#f6e1d0;border:2px solid #b66c45;padding:13px 14px 15px}.life-card.preview:hover:not(:disabled){background:#f6e1d0}.life-card.initial-picked{background:#e2ebd6;border:2px solid #6e8757;padding:13px 14px 15px}.life-card.initial-picked:hover:not(:disabled){background:#e2ebd6}.life-card.discarded{background:#e9e8df;border-style:dashed;color:#73786b;box-shadow:none}.life-card.discarded strong{text-decoration:line-through;text-decoration-thickness:1px}.card-state{font-size:9px;color:var(--muted);margin-bottom:20px;display:flex;gap:4px;flex-wrap:wrap;align-items:center}.card-state small{font-size:8px}.preview .card-state{color:#a44c2a}.life-card>strong{font-family:Georgia,"Microsoft YaHei",serif;font-size:20px;font-weight:500;line-height:1.4}.card-title-en{font-size:10px;color:var(--muted);margin-top:4px}.life-card p{font-size:10px;line-height:1.7;color:var(--muted);margin:14px 0 0}.life-card p span{display:block;font-size:9px;margin-top:3px}.check{position:absolute;right:10px;top:10px;font-size:13px;color:#7a896d}.preview .check{color:#a65b38}.selection-actions{position:sticky;bottom:12px;z-index:2;margin:20px 0;display:flex;justify-content:flex-end;align-items:center;gap:12px;background:#f6f3e9f2;border:1px solid var(--line);padding:12px;border-radius:11px;box-shadow:0 5px 25px #343d2920;flex-wrap:wrap}.selection-actions>span{font-size:11px;color:var(--muted);margin-right:auto}.selection-actions button{font-size:13px;padding:9px 16px}.selection-actions button .en{font-size:10px}.discarded-heading{font-size:12px;color:var(--muted);font-weight:400;margin:23px 0 15px}.history{margin:18px 0 0;font-size:11px;color:var(--muted);line-height:1.8}.history summary{cursor:pointer;padding:8px 0}.history li{margin-bottom:12px}.history li span,.history li small{display:block}.history li b{font-weight:500;color:var(--ink)}.history li small{font-size:9px}.bottom-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0}.bottom-actions button{font-size:12px}.bottom-actions .muted{font-size:10px}.loading{padding:70px 0;text-align:center}.loading h1{font-size:24px}.empty{font-size:12px;color:var(--muted)}
@media(min-width:1250px){.card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:800px){.welcome{grid-template-columns:1fr;gap:25px;padding-top:35px}.hero-copy{position:relative}.hero-copy h1{font-size:44px;margin-top:15px}.hero-en{font-size:20px;margin-bottom:20px}.intro{max-width:65%;font-size:12px}.intro .en{font-size:10px}.paper-stack{position:absolute;right:0;bottom:15px;transform:scale(.48);transform-origin:right bottom;margin:0}.entry-panel{max-width:520px;width:100%;justify-self:center}.room-top h1{font-size:25px}.room-code strong{font-size:22px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.life-card{min-height:175px;padding:12px}.life-card.preview,.life-card.initial-picked{padding:11px}.life-card>strong{font-size:18px}.room-meta{gap:12px}.room-meta>.text-button{margin-left:0}}
@media(max-width:480px){main{padding:0 5%}.site-header{padding:20px 5%}.wordmark{font-size:19px}.edition{font-size:8px;letter-spacing:.5px;padding:6px 8px}.entry-panel{padding:25px}.welcome{padding-top:24px}.hero-copy h1{font-size:38px}.hero-en{font-size:17px}.paper-stack{transform:scale(.4);right:-4px;bottom:25px}.intro{max-width:70%}.room{padding-top:25px}.room-top h1{font-size:21px}.room-top h1 .en{font-size:10px}.room-code strong{font-size:19px;letter-spacing:2px}.room-code .text-button{font-size:9px}.player-chip{min-width:0;flex:1;padding:9px}.player-chip b{font-size:12px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading h2{font-size:20px}.selection-actions{bottom:7px;gap:8px}.selection-actions>span{flex-basis:100%;text-align:center}.selection-actions button{flex:1;padding:9px}.selection-panel .selection-actions>span{order:-1}.bottom-actions{gap:12px}.bottom-actions>.muted{max-width:90px}footer{font-size:10px;gap:15px}footer span{font-size:9px;max-width:50%;text-align:right}.lobby-panel{padding:25px 16px}.lobby-panel>p:first-child{font-size:19px}}
.stage-progress{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0;font-size:11px}.stage-progress li{padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.stage-progress li.active{background:var(--green);color:white;border-color:var(--green)}.stage-progress li.done{background:#e2ebd6}.stage-event{padding:20px;background:#eeeee3;border-radius:12px;margin-bottom:20px}.stage-event>.card-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-width:850px}.stage-event h3,.player-panel>h3{font-size:14px;font-weight:500}.stage-event p{font-size:12px;line-height:1.8}.decision-buttons{display:flex;gap:12px}.card-collection,.stage-history details{margin:16px 0}.card-collection summary,.stage-history summary{cursor:pointer;padding:12px 0;font-size:13px}.completion{color:var(--green)}.stage-history{margin-top:25px;border-top:1px solid var(--line)}.stage-history p{font-size:12px;line-height:1.8}.life-card.setback{background:#f4e4d5}.life-card.question{background:#e7eddf}.history li{overflow-wrap:anywhere}
@media(max-width:480px){.stage-event{padding:14px}.stage-event>.card-grid{grid-template-columns:1fr}.stage-progress{gap:5px}.stage-progress li{font-size:10px;padding:7px}.player-strip{overflow-x:auto}.decision-buttons button{flex:1}}
.room{padding-bottom:105px}.player-strip{position:sticky;top:0;z-index:8;flex-wrap:nowrap;overflow-x:auto;padding:10px 0;background:var(--paper);border-bottom:1px solid var(--line);scrollbar-width:thin}.player-chip{flex:0 0 auto;text-align:left;color:var(--ink);font-weight:400;min-width:100px;padding:9px 12px;background:var(--paper);border-color:var(--line)}.player-chip:hover:not(:disabled){background:#e8eddf}.player-chip.active{background:var(--green);border-color:var(--green);color:white}.player-chip.active small{color:#dce6d6}.player-chip.has-preview{box-shadow:inset 0 -3px var(--rust)}.player-chip b{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip small{white-space:nowrap}.player-panel{scroll-margin-top:100px;padding-top:18px}.card-tile{position:relative;min-width:0}.card-tile>.life-card{width:100%;height:100%;min-width:0}.card-tile.compact>.life-card{min-height:100px;padding:10px 12px;justify-content:flex-start}.compact .card-state{margin-bottom:6px;font-size:9px;line-height:1.3;gap:3px}.compact .card-state small{font-size:8px}.compact .life-card>strong{font-size:17px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.compact .card-title-en{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-right:26px}.compact .check{display:none}.card-detail-trigger{position:absolute;right:0;bottom:0;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--muted);font-size:17px;font-weight:400}.card-detail-trigger:hover:not(:disabled){background:#dce5d180;color:var(--green)}.compact .life-card.preview,.compact .life-card.initial-picked{padding:9px 11px}.event-tile .life-card{min-height:115px;padding:14px}.event-tile .card-state{margin-bottom:8px}.event-tile .life-card>strong{font-size:19px}.event-tile .life-card p{font-size:13px;line-height:1.7}.event-tile .life-card p span{font-size:11px}.stage-event{padding:16px;margin-bottom:12px}.selection-actions{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1250px);z-index:10;margin:0;border-radius:12px 12px 0 0;background:#fffdf6;box-shadow:0 -3px 20px #343d2920;padding:12px 18px}.card-dialog{width:min(92vw,460px);padding:35px 26px 25px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);max-height:85vh;overflow:auto;box-shadow:0 20px 80px #17261955}.card-dialog::backdrop{background:#24312788}.card-dialog h2{font-size:26px;line-height:1.5;padding-right:20px;margin:5px 0 18px}.card-dialog h2 .en{font-size:15px}.card-dialog p{font-size:16px;line-height:1.9;margin:0 0 25px}.card-dialog p .en{font-size:13px;margin-top:10px}.dialog-close{position:absolute;right:10px;top:10px;width:40px;height:40px;padding:0;font-size:24px;border:0}.card-dialog>button:last-child{width:100%}.card-collection summary{font-size:12px;padding:10px 0}.section-heading{margin-bottom:12px}.section-heading h2{font-size:21px}
@media(max-width:800px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.room-top .eyebrow{margin-bottom:6px}.room-meta{padding:12px 0;gap:8px}.stage-progress{flex-wrap:nowrap;overflow-x:auto;margin:12px 0;gap:5px}.stage-progress li{white-space:nowrap;padding:7px;font-size:10px}.legend{font-size:10px;gap:12px;margin:10px 0}.room>.notice{margin:10px 0;padding:10px 12px;font-size:12px}.room>.notice p{margin:5px 0}.player-strip{padding:8px 0}.player-chip{min-width:94px;padding:8px 10px}.player-chip b{max-width:100px;font-size:12px}.player-chip small{font-size:9px}.player-panel{scroll-margin-top:88px}.stage-event h3{font-size:12px;margin:0 0 10px}.stage-event .muted{font-size:11px;line-height:1.6;margin:10px 0}.decision-buttons button{padding:8px 14px;font-size:13px}.stage-event>.card-grid{grid-template-columns:1fr}.selection-panel{padding-top:14px}.selection-panel>.muted{font-size:11px;margin-bottom:12px}.event-tile .life-card p{margin-top:8px}}
@media(max-width:480px){.site-header{padding:13px 5%}.room{padding-top:16px}.room-top h1{font-size:20px}.room-code strong{font-size:17px;margin:4px 0}.room-code .text-button{font-size:9px}.room-meta{font-size:10px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.card-tile.compact>.life-card{min-height:94px;padding:8px}.compact .life-card.preview,.compact .life-card.initial-picked{padding:7px}.compact .life-card>strong{font-size:15px}.compact .card-title-en{font-size:9px;padding-right:22px}.compact .card-state{font-size:8px;gap:2px}.compact .card-state small{font-size:7px}.card-detail-trigger{width:38px;height:38px}.player-panel .section-heading h2{font-size:18px}.section-heading .en{font-size:10px;margin-top:4px}.presence{font-size:9px;white-space:nowrap}.selection-actions{bottom:0;gap:7px;padding:9px 12px}.selection-actions>span{flex-basis:100%;font-size:10px;line-height:1.3}.selection-actions button{padding:8px 10px;font-size:12px;flex:1}.selection-actions button .en{font-size:9px}.stage-event{padding:12px}.event-tile .life-card{padding:11px;min-height:95px}.event-tile .life-card>strong{font-size:17px}.event-tile .life-card p{font-size:12px}.event-tile .life-card p span{font-size:10px}.room .bottom-actions{padding:15px 0}.room .bottom-actions button{padding:9px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Portrait hand cards: keep the full wording in the detail dialog. */
@media(max-width:800px){
  .card-tile.compact{aspect-ratio:auto}
  .card-tile.compact>.life-card{aspect-ratio:2/3;height:auto;min-height:126px;padding:9px 8px 32px;border-radius:8px;box-shadow:0 3px 7px #35412a14}
  .compact .life-card.preview,.compact .life-card.initial-picked{padding:8px 7px 31px}
  .compact .card-title-en{padding-right:0}
  .card-detail-trigger{width:38px;height:32px;bottom:2px;right:2px}
}
@media(max-width:480px){
  .card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .card-tile.compact>.life-card{padding:7px 6px 30px}
  .compact .life-card.preview,.compact .life-card.initial-picked{padding:6px 5px 29px}
  .compact .life-card>strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
  .compact .card-title-en{font-size:9px;line-height:1.25;padding-right:0}
  .compact .card-state{margin-bottom:5px;line-height:1.2}
  .compact .card-state small{font-size:7px}
}
.turn-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid #b7c7a6;border-radius:10px;background:#e8eddf;margin:12px 0;font-size:13px}
.turn-banner .en{font-size:10px}.turn-banner small{display:block;color:var(--rust);margin-top:5px}.turn-banner button{padding:9px;font-size:11px}
.life-card.accepted{background:#dee9e7;border-color:#9ab8ad;box-shadow:inset 0 3px #719589,0 2px 4px #35412a08}
.life-card.accepted:hover:not(:disabled){background:#dee9e7}.accepted .card-state{color:#486d62;font-size:8px}.accepted .card-state small{font-size:7px}
.legend .accepted-marker:before{background:#dee9e7;border-color:#9ab8ad}
.life-card[aria-disabled="true"]{cursor:default}.life-card.setback[aria-disabled="true"]:hover{background:#f4e4d5}
.draw-interaction{max-width:950px;margin:14px auto 20px;--pick-width:84px;scroll-margin-top:90px}
.draw-surface{position:relative;height:220px;isolation:isolate;perspective:1000px;background:radial-gradient(ellipse,#e1e6d8 0,transparent 72%);transition:height .35s ease;scroll-margin-top:90px}
.physical-deck{position:absolute;top:35px;left:calc(50% - 48px);width:96px;height:144px;padding:0;background:none;border:0;overflow:visible}
.physical-deck i,.physical-deck>span{position:absolute;inset:0;border:4px double #c7b998;border-radius:10px;background:#405b49;box-shadow:0 5px 12px #36442e24;color:#f4ead3}
.physical-deck i:first-child{transform:translate(-7px,6px) rotate(-7deg)}.physical-deck i:nth-child(2){transform:translate(-3px,3px) rotate(-3deg)}
.physical-deck>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;font-size:35px}.physical-deck small{font-size:9px;font-weight:400;letter-spacing:.3px}
.physical-deck:hover:not(:disabled){background:transparent;transform:translateY(-3px)}
.physical-card{position:absolute;top:36px;left:calc(50% - var(--pick-width)/2);width:var(--pick-width);height:calc(var(--pick-width)*1.5);padding:0;border:0;background:none;color:var(--ink);perspective:1000px;transform-origin:50% 0;transition:none;font-weight:400;--face-scale:1}
.physical-card:disabled{opacity:1;cursor:default}.physical-card:hover:not(:disabled){background:transparent}
.paper-turner{position:absolute;inset:0;display:block;transform-style:preserve-3d}
.paper-back,.paper-front{position:absolute;inset:0;display:flex;flex-direction:column;border-radius:9px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 5px 12px #36442e24}
.paper-back{border:4px double #c7b998;background:#405b49;color:#f4ead3;align-items:center;justify-content:center;gap:22px}
.paper-back b{font-size:29px;font-weight:400}.paper-back small{font-size:7px;letter-spacing:.3px}
.paper-front{transform:rotateY(180deg);background:#fffdf5;border:1px solid #c3c9b5;padding:calc(19px / var(--face-scale));text-align:left;gap:calc(18px / var(--face-scale));overflow:auto;overflow-wrap:anywhere}
.paper-front>.paper-label{color:var(--muted);font-size:calc(11px / var(--face-scale));font-weight:400;line-height:1.4}
.paper-front>strong{font-family:Georgia,"Microsoft YaHei",serif;font-size:calc(25px / var(--face-scale));line-height:1.5;font-weight:500}
.paper-front>strong .en{font-family:"Segoe UI",sans-serif;font-size:calc(13px / var(--face-scale));line-height:1.5;margin-top:calc(8px / var(--face-scale));color:var(--muted);opacity:1}
.paper-front p{font-size:calc(16px / var(--face-scale));line-height:1.8;margin:0}.paper-front p .en{font-size:calc(12px / var(--face-scale));line-height:1.7;color:var(--muted);opacity:1;margin-top:calc(12px / var(--face-scale))}
.draw-interaction[data-draw-phase="choosing"] .physical-card:hover:not(:disabled),.draw-interaction[data-draw-phase="choosing"] .physical-card:focus-visible{transform:translate(var(--fan-x),calc(var(--fan-y) - 12px)) rotate(var(--fan-angle)) scale(1.055)!important;z-index:10}
.draw-instruction{text-align:center;margin:8px 0 14px;font-size:13px;line-height:1.6;min-height:46px}.draw-instruction .en{font-size:11px}.draw-instruction button{padding:10px 26px}
.draw-results{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;justify-items:center}
.draw-results[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-results[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.physical-card.draw-result{position:relative;top:auto;left:auto;width:min(100%,var(--result-width));height:auto;min-height:calc(var(--result-width)*1.5);margin:0 0 12px;transform-origin:0 0;cursor:default}
.draw-result .paper-turner{position:relative;min-height:inherit}.draw-result .paper-back{display:none}.draw-result .paper-front{position:relative;min-height:inherit;overflow:visible;backface-visibility:visible}
.draw-result .paper-front>strong{font-size:23px}.draw-interaction:has(.paper-label) .paper-front .en{letter-spacing:0}
.draw-swipe-hint{display:none}
@media(max-width:700px){.draw-results[data-count="2"],.draw-results[data-count="3"]{display:flex;justify-content:flex-start;align-items:flex-start;overflow-x:auto;gap:14px;padding:6px 4px 10px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin}.draw-results[data-count="2"]>.draw-result,.draw-results[data-count="3"]>.draw-result{flex:0 0 min(270px,88%);scroll-snap-align:start}.draw-swipe-hint{display:block;margin-top:8px;color:var(--muted);font-size:11px}.draw-surface{touch-action:pan-y}.paper-front>strong{font-size:calc(23px / var(--face-scale))}}
@media(prefers-reduced-motion:reduce){.draw-surface{transition:none}.draw-interaction[data-draw-phase="choosing"] .physical-card:hover:not(:disabled){transform:translate(var(--fan-x),var(--fan-y)) rotate(0)!important}}
/* One shared table. Only the stage, seats and hand scroll inside the viewport. */
body.tabletop-mode{overflow:hidden;background:#eeeade}
.tabletop-mode #app>.notice.error{position:fixed;top:8px;left:5%;width:90%;z-index:40;margin:0;box-shadow:0 5px 25px #343d2930}
.tabletop-mode>.site-header,.tabletop-mode>footer{display:none}
.tabletop-mode main{max-width:none;padding:0;height:100dvh;overflow:hidden}
.tabletop{height:100dvh;max-width:1500px;margin:auto;display:grid;grid-template-rows:42px 32px 76px 34px minmax(0,1fr) auto 177px;padding:0 28px;gap:0;overflow:hidden}
.table-top{display:flex;align-items:center;gap:14px;font-size:11px;border-bottom:1px solid #ccd1bf;min-width:0}
.table-brand{font-family:Georgia,"Microsoft YaHei",serif;font-size:17px;margin-right:auto;white-space:nowrap}.table-brand small{font:10px "Segoe UI",sans-serif;margin-left:10px;color:var(--muted)}
.table-room{font-size:10px;white-space:nowrap}.table-top .text-button{min-height:34px}
.table-timeline{display:flex;align-items:center;justify-content:center;gap:20px;list-style:none;margin:0;padding:0;overflow-x:auto;font-size:10px;color:var(--muted);white-space:nowrap;scrollbar-width:none}
.table-timeline .active{color:var(--rust);font-weight:700;border-bottom:2px solid var(--rust);padding:6px 0}.table-timeline .done{color:#536c47}
.table-seats{display:flex;gap:12px;align-items:center;justify-content:center;overflow-x:auto;scrollbar-width:thin;min-width:0;padding:4px}
.table-seat{display:flex;align-items:center;gap:10px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:4px;padding:7px 12px;flex:0 0 auto;text-align:left;min-height:62px}
.table-seat:hover:not(:disabled){background:#e1e7d9}.table-seat.viewed{border-color:#aebba1}.table-seat.current{background:#dce6d5;border-bottom:3px solid var(--green)}
.seat-avatar{position:relative;display:grid;place-items:center;width:34px;height:34px;background:#f6f3e8;border:1px solid #bdc6ac;border-radius:50%;font:18px Georgia,serif}.seat-avatar i{position:absolute;bottom:0;right:0;background:#a6aa9e;width:8px;height:8px;border:1px solid #f6f3e8;border-radius:50%}.seat-avatar i.online{background:#5f8158}
.table-seat b{display:block;font-size:13px}.table-seat b small{font-weight:400;font-size:9px;margin-left:7px}.table-seat em{display:block;font-style:normal;font-size:9px;margin-top:5px;color:#606f56}.table-seat.current em{color:var(--green);font-weight:700}
.table-turn{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-bottom:1px solid #ccd1bf;gap:8px;min-width:0}.table-turn small{font-size:10px;color:var(--muted)}.table-turn button{padding:3px 10px;font-size:11px;border-radius:3px}.table-turn button .en{font-size:8px}
.table-stage{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;position:relative;padding:8px 18px;background:radial-gradient(ellipse at center,#e0e6d5 0,#e9eadd 75%);border-bottom:1px solid #ccd1bf}
.table-stage .draw-interaction{margin:0 auto;display:flex;flex-direction:column;min-height:100%;justify-content:center;max-width:950px}
.table-stage .draw-surface{order:0;flex-shrink:0;background:none}.table-stage .draw-results{order:2}.table-stage .draw-instruction{order:1;margin:0 0 10px;min-height:32px;font-size:11px}.table-stage .draw-instruction .en{font-size:9px}.table-stage .draw-instruction button{padding:7px 23px}.table-stage .draw-surface[hidden]{display:none}
.table-stage .draw-interaction[data-draw-phase="settled"] .draw-instruction{order:3}
.table-stage .draw-interaction:not([data-draw-phase="settled"]) .draw-results:not(:empty){max-height:90px;overflow:hidden;opacity:.75;margin-bottom:8px;flex-shrink:0}
.table-stage .draw-interaction:not([data-draw-phase="settled"]) .draw-result .paper-front{padding:10px;gap:5px}.table-stage .draw-interaction:not([data-draw-phase="settled"]) .draw-result .paper-front>strong{font-size:14px}
.table-stage .draw-result{margin-bottom:5px}.table-stage .draw-result .paper-front{box-shadow:0 5px 12px #36442e18}.table-stage .draw-swipe-hint{margin-top:2px;font-size:10px}
.table-action-dock{padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:74px;max-height:118px;border-bottom:1px solid #ccd1bf}
.table-status{font-size:12px;line-height:1.5;flex:1;min-width:0}.table-status>.en{font-size:10px}.discussion-note{display:block;font-size:11px;color:var(--muted);margin-top:3px}.discussion-note .en{font-size:9px}
.table-controls{display:flex;gap:7px;flex-shrink:0}.table-controls button{padding:8px 12px;font-size:12px;border-radius:4px;min-height:44px}.table-controls button .en{font-size:9px}.table-controls .text-button{font-size:10px}
.table-hand{min-height:0;overflow:hidden}.table-hand>header{height:39px;display:flex;align-items:center;gap:13px;font-size:11px;white-space:nowrap}.table-hand>header b{margin-right:auto}.table-hand>header b small{font-size:9px;font-weight:400;margin-left:6px}.table-hand>header>span{font-size:9px;color:var(--muted)}
.table-hand-row{display:flex;gap:9px;height:138px;overflow-x:auto;overflow-y:hidden;align-items:center;padding:7px 4px 11px;scrollbar-width:thin;overscroll-behavior-x:contain}
.table-hand-card{position:relative;flex:0 0 83px;height:116px;transition:transform .18s,opacity .18s}.table-hand-card.preview{transform:translateY(-5px)}
.table-hand-card .life-card{width:100%;height:100%;min-height:0;aspect-ratio:2/3;border-radius:4px;padding:7px 8px;overflow:hidden;justify-content:center;box-shadow:0 3px 5px #35412a14}.table-hand-card .life-card.preview{padding:6px 7px}.table-hand-card .life-card>strong{font-size:17px;line-height:1.4}.table-hand-card .life-card>.en{font-size:9px;line-height:1.3;margin-top:4px}.hand-state{font-size:8px;position:absolute;left:7px;top:5px;color:var(--muted)}.hand-state small{display:block;font-size:7px}.preview .hand-state{color:#984d2a}.table-hand-card .life-card.accepted{background:#d9e6e1}.table-hand-card .life-card.lost{background:#deddd4;border-style:dashed;color:#737869}.table-hand-card.lost strong{text-decoration:line-through}.table-hand-card.lost{opacity:.75;animation:lost-arrival .3s ease-out}
.hand-detail{position:absolute;right:0;bottom:0;width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--muted);font-size:16px}.lost-divider{flex:0 0 74px;font-size:9px;color:var(--muted);text-align:center;border-left:1px solid #b8bfab;line-height:1.8}.empty-hand{font-size:12px;color:var(--muted)}
.table-drawer{width:min(580px,92vw);height:90dvh;max-height:90dvh;margin:auto 20px auto auto;border:1px solid #c4ccb6;border-radius:5px;background:var(--paper);color:var(--ink);padding:28px;overflow:auto;box-shadow:0 15px 80px #17261955}.table-drawer::backdrop{background:#24312777}.table-drawer h2{margin:0 35px 24px 0;font-size:23px}.table-drawer h2 .en{font-size:13px}.table-drawer h3{font-size:16px}.table-drawer p,.table-drawer li{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.table-drawer .en{font-size:12px}.drawer-close{position:sticky;float:right;top:0;width:38px;height:38px;padding:0;font-size:24px;z-index:1}.card-dialog.table-drawer>button:last-child{width:38px}.story-card{border-bottom:1px solid var(--line);padding:10px 0}.story-stage{border-top:2px solid #b2bea3;margin-top:24px;padding-top:10px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.table-summary{text-align:center;max-width:750px;margin:30px auto}.table-summary h1{font-size:28px;font-weight:500}.table-summary p{font-size:14px}.summary-numbers{display:flex;gap:50px;justify-content:center;margin:25px;font:35px Georgia,serif}.summary-numbers small{display:block;font:11px "Segoe UI",sans-serif;margin-top:8px}
@keyframes lost-arrival{from{transform:translateY(-6px);opacity:.2}to{transform:none;opacity:.75}}
@media(max-width:700px){
 .tabletop{padding:0 10px;grid-template-rows:38px 30px 62px 37px minmax(0,1fr) auto 157px}
 .table-brand{font-size:14px}.table-brand small{display:none}.table-top{gap:6px}.table-top .text-button{font-size:9px;padding:2px}.table-room{font-size:9px}
 .table-timeline{justify-content:flex-start;gap:13px;font-size:9px}.table-seats{justify-content:flex-start;gap:4px;padding:3px 0}.table-seat{padding:5px 7px;min-height:54px;gap:6px}.seat-avatar{width:28px;height:28px;font-size:15px}.table-seat b{font-size:12px}.table-seat em{font-size:8px}.table-seat b small{font-size:8px;margin-left:4px}
 .table-turn{font-size:10px}.table-turn small{font-size:9px}.table-stage{padding:5px 4px}.table-stage .draw-instruction{font-size:10px}.table-stage .draw-instruction .en{font-size:8px}
 .table-action-dock{flex-direction:column;align-items:stretch;gap:5px;padding:6px 0;min-height:58px;max-height:116px}.table-status{font-size:11px;line-height:1.4}.table-status>.en{font-size:8px}.table-controls{justify-content:flex-end;gap:5px}.table-controls button{padding:5px 10px;font-size:11px}.table-controls button .en{font-size:8px}.discussion-note{font-size:10px;margin-top:2px}.discussion-note .en{font-size:8px}
 .table-hand>header{height:31px;gap:7px;font-size:10px}.table-hand>header>span,.table-hand>header b small{display:none}.table-hand>header .text-button{font-size:9px;padding:4px 0}.table-hand-row{height:126px;gap:7px;padding:6px 2px 10px}.table-hand-card{flex-basis:75px;height:108px}.table-hand-card .life-card>strong{font-size:16px}.table-hand-card .life-card>.en{font-size:8px}
 .table-stage .draw-results[data-count="2"],.table-stage .draw-results[data-count="3"]{padding-top:2px;gap:12px}
 .table-drawer{width:100%;height:88dvh;max-height:88dvh;margin:auto 0 0;border-radius:12px 12px 0 0;padding:24px}.table-drawer h2{font-size:21px}.story-grid{grid-template-columns:1fr}
}
@media(max-height:650px){.tabletop{grid-template-rows:32px 24px 52px 30px minmax(0,1fr) auto 120px}.table-hand>header{height:28px}.table-hand-row{height:92px}.table-hand-card{height:80px;flex-basis:60px}.table-hand-card .life-card>strong{font-size:13px}.hand-state{display:none}.table-action-dock{min-height:48px}.table-stage .draw-surface{zoom:.75}}
@media(prefers-reduced-motion:reduce){.table-hand-card.lost{animation:none}}
/* Paper stock, bevelled edges and small lifts keep the public hand tactile. */
.table-hand-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;height:calc(100% - 39px);min-height:0}
.table-hand-layout:has(.lost-pile){grid-template-columns:minmax(0,1fr) 100px}
.hand-held{height:100%;min-height:0;align-items:center}
.table-hand-card{isolation:isolate;transform:rotate(-.45deg);transition:transform .16s ease,filter .16s ease}
.table-hand-card:nth-child(3n+2){transform:rotate(.45deg)}
.table-hand-card::before{content:'';position:absolute;inset:1px 0 -3px;border-radius:5px;background:#d8cfbb;border:1px solid #bdb49e;box-shadow:0 3px 4px #2f3c2724;z-index:-1}
.table-hand-card .life-card{--card-paper:#fffdf1;background-color:var(--card-paper);background-image:url('/paper-grain.svg'),linear-gradient(125deg,#ffffff80,transparent 55%,#b79f7120);background-size:160px 160px,100% 100%;border:1px solid #c9bea3;border-radius:5px;box-shadow:inset 0 1px 0 #ffffff,inset 1px 0 0 #ffffff99,inset 0 -1px 0 #c9bea380,0 1px 0 #e8dfcc,0 2px 0 #cabfa9,0 4px 7px #2635211c;transition:box-shadow .16s ease,filter .16s ease}
.table-hand-card .life-card::after{content:'';position:absolute;inset:3px;border:1px solid #c5b79245;border-radius:3px;pointer-events:none}
.table-hand-card .life-card:hover:not(:disabled){background-color:var(--card-paper);background-image:url('/paper-grain.svg'),linear-gradient(125deg,#ffffffb0,transparent 55%,#b79f7120)}
.table-hand-card .life-card.preview{--card-paper:#f2dbc4;border:2px solid #ab6847;box-shadow:inset 0 1px #fff7eb,0 1px #ddc3a8,0 3px #b59778,0 8px 12px #61432b28}
.table-hand-card.preview{transform:translateY(-5px) rotate(-1deg)}
.table-hand-card .life-card.accepted{--card-paper:#dce8dd;border-color:#9cae97;background-color:var(--card-paper)}
.table-hand-card .life-card.lost{--card-paper:#dddcd5;border-color:#b7b6ad;border-style:solid;background-color:var(--card-paper);color:#77786f}
.table-hand-card.lost strong,.table-hand-card.lost>.life-card>.en{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#77786f}
.table-hand-card:has([data-card]:active){transform:translateY(2px) rotate(.6deg) scale(.985);filter:brightness(.97)}
.table-hand-card:has([data-card]:focus-visible){z-index:5}
@media(hover:hover){.hand-held .table-hand-card:has([data-card]:hover){transform:translateY(-4px) rotate(-.6deg);z-index:4}.hand-held .table-hand-card.preview:has([data-card]:hover){transform:translateY(-7px) rotate(-1deg)}}
.hand-piles{min-height:0;display:flex;flex-direction:column;gap:8px;padding:3px 4px 8px;border-left:1px solid #c6c6b6}
.hand-piles:not(:has(.lost-pile)){display:none}
.hand-pile{flex:var(--pile-count);min-height:68px;display:flex;flex-direction:column;--pile-card-height:68px}
.hand-pile h3{flex:0 0 auto;margin:0 0 4px;font-size:10px;font-weight:500;color:var(--muted);padding-left:4px;line-height:1.3}.hand-pile h3 small{font-size:9px;margin-left:3px}.hand-pile h3 .en{font-size:8px;line-height:1.2}
.accepted-pile{display:none}
.hand-pile-stack{position:relative;flex:1;min-height:var(--pile-card-height)}
.pile-slot{position:absolute;inset-inline:4px;top:calc((100% - var(--pile-card-height))*var(--pile-position));height:var(--pile-card-height);z-index:calc(var(--pile-index) + 1)}
.pile-slot .table-hand-card{width:100%;height:100%;opacity:1;animation:none;transform:rotate(calc((var(--pile-position) - .5)*4deg))}
.pile-slot .life-card{padding:5px 6px;justify-content:flex-start;aspect-ratio:auto}.pile-slot .hand-state{display:none}.pile-slot .life-card>strong{font-size:11px;line-height:1.4}.pile-slot .life-card>.en{font-size:8px;line-height:1.25;margin-top:4px}
.pile-slot:hover,.pile-slot:focus-within{z-index:40}.pile-slot .life-card:hover:not(:disabled){filter:brightness(1.03)}
.story-overview>h3,.story-journey>h3{font-size:18px;margin:26px 0 14px}.story-overview>h3 .en,.story-journey>h3 .en{font-size:11px}
.story-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.story-inventory h4{font-size:12px;margin:0 0 10px}.story-inventory h4 .en{font-size:10px}
.story-card-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:7px 12px}.story-card-list li{font-size:13px;line-height:1.5}.story-card-list li .en{font-size:10px;color:var(--muted)}
.story-inventory .story-card-list{display:block}.story-inventory .story-card-list li{margin-bottom:8px}
.story-stage{position:relative;border-top:0;border-left:2px solid #b9c4ad;padding:2px 0 20px 18px;margin:0 0 0 4px}.story-stage::before{content:'';position:absolute;top:6px;left:-5px;width:8px;height:8px;border-radius:50%;background:#8b9e7d}
.story-stage>h3{font-size:13px;letter-spacing:.4px;margin:0 0 14px;color:var(--muted)}
.story-experience,.story-rejected{margin:0 0 14px;line-height:1.7}.story-experience>strong{display:block;font-size:20px;font-weight:500;margin-top:5px}.story-experience>strong .en,.story-rejected>del>.en{font-size:12px}
.story-rejected>del{display:block;font-size:20px;color:#85877d;text-decoration-thickness:1px;text-decoration-color:#747a6d}.story-rejected>del>.en{text-decoration:line-through}
.story-loss{padding:10px 12px;background:#eeece3;border-left:2px solid #c4b69e}.story-loss h4{margin:0 0 10px;font-size:12px;font-weight:500}.story-loss h4 .en{font-size:10px}
.story-journey{margin-bottom:24px}.rules-copy p{margin:0 0 20px}.rules-copy h3{margin:30px 0 15px;font-size:20px}.rules-copy h3 .en{font-size:12px}.rules-copy ul{padding-left:20px;margin:0 0 24px}.rules-copy li{margin-bottom:15px}.rules-copy .en{margin-top:5px;line-height:1.7}.rules-ages{line-height:2!important}.rules-closing{border-top:1px solid var(--line);padding-top:24px}
@media(min-width:701px){.tabletop{grid-template-rows:42px 32px 76px 34px minmax(0,1fr) auto 201px}.hand-held{flex-wrap:wrap;align-content:center;overflow-x:hidden;overflow-y:auto;gap:9px 10px}.hand-held .table-hand-card{flex:0 0 76px;height:108px}.table-hand-layout{height:calc(100% - 39px)}}
@media(max-width:700px){
 .tabletop{--hand-height:min(calc(var(--hand-rows)*90px + 43px),42dvh);grid-template-rows:38px 30px 62px 37px minmax(0,1fr) auto var(--hand-height)}
 .table-hand-layout{height:calc(100% - 31px);gap:7px}.table-hand-layout.has-piles{grid-template-columns:minmax(0,1fr) 82px}
 .hand-held{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(var(--hand-rows),minmax(0,1fr));gap:5px 6px;height:100%;overflow:hidden;padding:7px 2px 9px;align-items:stretch}
 .hand-held .table-hand-card{width:100%;height:100%;min-height:44px;min-width:0}.hand-held .table-hand-card.accepted{display:none}
 .hand-held .life-card{aspect-ratio:auto;padding:17px 5px 4px}.hand-held .life-card.preview{padding:16px 4px 3px}.hand-held .life-card>strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.hand-held .life-card>.en{font-size:8px;line-height:1.2;margin-top:3px}.hand-held .hand-state{top:4px;left:5px;font-size:7px}.hand-held .hand-state small{display:none}.hand-detail{width:30px;height:30px;font-size:13px}
 .hand-piles,.hand-piles:not(:has(.lost-pile)){display:flex;gap:6px;padding:5px 2px 9px}.accepted-pile{display:flex}.hand-pile{--pile-card-height:58px}.hand-pile h3{font-size:9px}.hand-pile h3 .en{font-size:7px}.pile-slot{inset-inline:3px}.pile-slot .life-card>strong{font-size:10px}.pile-slot .life-card>.en{font-size:7px}
 .story-inventory{gap:10px}.story-inventory h4{font-size:11px}.story-inventory .story-card-list li{font-size:12px}.story-inventory .story-card-list li .en{font-size:9px}.story-experience>strong,.story-rejected>del{font-size:18px}
}
@media(max-width:700px) and (max-height:650px){.tabletop{grid-template-rows:32px 24px 48px 28px minmax(0,1fr) auto min(calc(var(--hand-rows)*79px + 40px),44dvh)}.table-hand>header{height:28px}.table-hand-layout{height:calc(100% - 28px)}.hand-held .hand-state{display:none}.hand-held .life-card{padding:4px}.hand-held .life-card.preview{padding:3px}.hand-held .life-card>strong{font-size:12px}.hand-held .life-card>.en{font-size:7px}}
@media(prefers-reduced-motion:reduce){.table-hand-card,.table-hand-card .life-card{transition:none}}

/* Data attributes keep dynamic arrangement compatible with the existing CSP. */
.tabletop{--hand-rows:3}
.tabletop[data-hand-rows="1"]{--hand-rows:1}
.tabletop[data-hand-rows="2"]{--hand-rows:2}
.hand-pile[data-pile-count="1"]{--pile-count:1;--pile-step:0.00000000}
.hand-pile[data-pile-count="2"]{--pile-count:2;--pile-step:1.00000000}
.hand-pile[data-pile-count="3"]{--pile-count:3;--pile-step:0.50000000}
.hand-pile[data-pile-count="4"]{--pile-count:4;--pile-step:0.33333333}
.hand-pile[data-pile-count="5"]{--pile-count:5;--pile-step:0.25000000}
.hand-pile[data-pile-count="6"]{--pile-count:6;--pile-step:0.20000000}
.hand-pile[data-pile-count="7"]{--pile-count:7;--pile-step:0.16666667}
.hand-pile[data-pile-count="8"]{--pile-count:8;--pile-step:0.14285714}
.hand-pile[data-pile-count="9"]{--pile-count:9;--pile-step:0.12500000}
.hand-pile[data-pile-count="10"]{--pile-count:10;--pile-step:0.11111111}
.hand-pile[data-pile-count="11"]{--pile-count:11;--pile-step:0.10000000}
.hand-pile[data-pile-count="12"]{--pile-count:12;--pile-step:0.09090909}
.pile-slot[data-pile-index="0"]{--pile-index:0;--pile-position:calc(0*var(--pile-step))}
.pile-slot[data-pile-index="1"]{--pile-index:1;--pile-position:calc(1*var(--pile-step))}
.pile-slot[data-pile-index="2"]{--pile-index:2;--pile-position:calc(2*var(--pile-step))}
.pile-slot[data-pile-index="3"]{--pile-index:3;--pile-position:calc(3*var(--pile-step))}
.pile-slot[data-pile-index="4"]{--pile-index:4;--pile-position:calc(4*var(--pile-step))}
.pile-slot[data-pile-index="5"]{--pile-index:5;--pile-position:calc(5*var(--pile-step))}
.pile-slot[data-pile-index="6"]{--pile-index:6;--pile-position:calc(6*var(--pile-step))}
.pile-slot[data-pile-index="7"]{--pile-index:7;--pile-position:calc(7*var(--pile-step))}
.pile-slot[data-pile-index="8"]{--pile-index:8;--pile-position:calc(8*var(--pile-step))}
.pile-slot[data-pile-index="9"]{--pile-index:9;--pile-position:calc(9*var(--pile-step))}
.pile-slot[data-pile-index="10"]{--pile-index:10;--pile-position:calc(10*var(--pile-step))}
.pile-slot[data-pile-index="11"]{--pile-index:11;--pile-position:calc(11*var(--pile-step))}
.story-inventory .story-card-names{font-size:13px;line-height:1.7;margin:0}.story-inventory .story-card-names .en{font-size:10px;line-height:1.6;margin-top:5px}
@media(max-width:700px){.story-inventory{grid-template-columns:1fr;gap:16px}.story-inventory h4{margin:0 0 4px}.story-inventory h4 .en{display:inline;margin-left:8px;font-size:10px}.story-inventory .story-card-names{font-size:12px}.story-inventory .story-card-names .en{font-size:9px;line-height:1.5}}
/* Overlapping piles; only the mobile hand gets the new portrait proportions. */
.hand-pile-stack{max-height:calc(var(--pile-card-height) + (var(--pile-count) - 1)*22px)}
@media(min-width:701px){.hand-held .table-hand-card{flex-basis:83px;height:116px}}
@media(min-width:701px) and (max-height:650px){.hand-held .table-hand-card{flex-basis:60px;height:80px}}
@media(max-width:700px){
 .hand-held .table-hand-card{width:auto;height:100%;max-width:100%;aspect-ratio:2/3;justify-self:center}
 .hand-pile{--pile-card-height:108px;min-height:calc(var(--pile-card-height) + 26px)}
 .pile-slot .table-hand-card{width:auto;max-width:100%;aspect-ratio:2/3;margin-inline:auto}
}
@media(max-width:700px) and (max-height:650px){.hand-pile{--pile-card-height:90px;min-height:calc(var(--pile-card-height) + 22px)}.hand-piles{padding:2px 2px 3px;gap:4px}}