.answer-paper-root{--answer-gold:#efc851;--answer-cream:#fff6e2;--answer-ink:#3d2f20;--answer-ease:cubic-bezier(.215,.61,.355,1);position:fixed;z-index:6;right:clamp(24px,3.125vw,64px);top:50%;transform:translateY(-50%);width:280px;max-width:calc(100vw - 32px);padding:0;isolation:isolate;color:var(--answer-cream);font:400 16px/1.5 "STS2 Chinese",sans-serif;font-synthesis:none;letter-spacing:0;pointer-events:auto}
.answer-paper-content{position:relative;isolation:isolate;padding:28px 24px 24px}
.answer-paper-viewport{position:fixed;inset:0;z-index:6;pointer-events:none}
.answer-paper-viewport[hidden]{display:none!important}
.paper-layout-preview .answer-paper-root{display:block;background:transparent;border:0}
.answer-paper-root{--answer-rest-opacity:1;max-height:calc(100svh - 24px);overflow:auto;scrollbar-width:thin;scrollbar-color:#99875f #202b32}
.paper-layout-preview .answer-paper-root[data-positioned=true]{position:fixed;left:0;top:0;right:auto;margin:0;transform:translate3d(var(--answer-left),var(--answer-top),0)}
.answer-paper-root .answer-drag-handle{display:block;width:100%;min-height:45px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;-webkit-text-stroke:inherit;paint-order:inherit;text-shadow:inherit;cursor:grab;touch-action:none;user-select:none}
.answer-paper-root .answer-drag-handle::before{content:"";display:block;width:22px;height:5px;margin:0 auto 8px;border-top:1px solid #fff0bb80;border-bottom:1px solid #fff0bb80}
.answer-paper-root[data-dragging=true],.answer-paper-root[data-dragging=true] .answer-drag-handle{cursor:grabbing;user-select:none}
.answer-paper-root[data-dragging=true]{will-change:transform}
.answer-paper-root :is(.answer-paper-surface,.answer-paper-title,.answer-stage,.answer-label,.answer-options,.answer-hint,.answer-feedback,.answer-paper-button,.answer-action-note,.answer-reveal-label,.answer-reveal-name,.answer-error-message){opacity:var(--answer-rest-opacity);transition:opacity 180ms cubic-bezier(.215,.61,.355,1)}
@media(hover:hover) and (pointer:fine){:root[data-answer-paper-fade=true] .answer-paper-root:not(:hover):not([data-dragging=true]){--answer-rest-opacity:.24}:root[data-answer-paper-fade=true] .answer-paper-root[data-keyboard-active=true]:focus-within{--answer-rest-opacity:1}}
.answer-paper-root *{box-sizing:border-box}
.answer-paper-root[hidden],.answer-paper-root [hidden]{display:none!important}
.answer-paper-root :is(button,input){font:inherit;letter-spacing:0}
.answer-paper-root :is(p,h2,form){margin:0}
.answer-paper-surface{position:absolute;z-index:-1;inset:0;background:url("assets/paper-short.png") center/100% 100% no-repeat;filter:brightness(.78);pointer-events:none}
.answer-paper-root .answer-paper-title{font-weight:400;font-size:27px;line-height:1.4;text-align:center;color:var(--answer-gold);-webkit-text-stroke:.095em var(--answer-ink);paint-order:stroke fill;text-shadow:.08em .07em 0 #0008;margin:0 0 5px;letter-spacing:0}
.answer-paper-root .answer-stage{font-size:14px;line-height:1.5;text-align:center;color:#f0dfba;text-shadow:1px 2px 1px #0008;margin:0 0 18px}
.answer-paper-root .answer-label{display:block;margin:0 0 8px;font-size:16px;color:var(--answer-cream);text-shadow:1px 2px 1px #0008}
.answer-search-wrap{position:relative;z-index:2}
.answer-paper-root .answer-search{display:block;width:100%;height:44px;margin:0;border:1px solid #cfb47b;border-radius:0;appearance:none;background:#26323b;color:var(--answer-cream);padding:8px 10px;font-size:15px;line-height:1.5;box-shadow:inset 0 2px 2px #0003;min-width:0}
.answer-paper-root .answer-search::placeholder{color:#bebaa9;opacity:1}
.answer-paper-root .answer-search:disabled{opacity:.6;cursor:wait}
.answer-paper-root .answer-hint{margin:9px 0 0;font-size:13px;line-height:1.65;color:#f3e3c4;text-shadow:1px 1px 1px #0008}
.answer-paper-root .answer-feedback{min-height:36px;margin:9px 0 8px;font-size:13px;line-height:1.6;color:#ffecb7;text-shadow:1px 1px 1px #0008;overflow-wrap:anywhere}
.answer-paper-root .answer-options{position:absolute;inset:calc(100% + 4px) 0 auto;max-height:250px;margin:0;padding:4px;list-style:none;border:1px solid #d0b775;background:#202b32;box-shadow:0 5px 12px #0007;overflow:auto;overscroll-behavior:contain;scrollbar-color:#99875f #202b32;scrollbar-width:thin;text-shadow:none}
.answer-paper-root .answer-option{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;min-height:38px;padding:8px;font-size:15px;line-height:1.45;color:var(--answer-cream);cursor:pointer;overflow-wrap:anywhere}
.answer-paper-root .answer-option[aria-selected=true]{background:#455355;color:#ffe18a;outline:1px solid #a99767;outline-offset:-1px}
.answer-paper-root .answer-option-used{flex:none;font-size:11px;color:#bfb5a0}
.answer-paper-root .answer-option-role{flex:none;margin-left:auto;font-size:11px;color:#c8c4b2}
.answer-paper-root .answer-paper-button{--answer-button-brightness:.92;display:block;position:relative;isolation:isolate;width:100%;min-height:57px;border:0;border-radius:0;appearance:none;background:transparent;box-shadow:none;padding:10px 16px;font-size:25px;line-height:1.3;color:var(--answer-gold);-webkit-text-stroke:.07em var(--answer-ink);paint-order:stroke fill;text-shadow:.06em .06em 0 #0005;cursor:pointer;transition:transform 160ms var(--answer-ease),color 160ms var(--answer-ease),opacity 180ms var(--answer-ease)}
.answer-paper-root .answer-paper-button::before,.answer-paper-root .button-paper{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;filter:sepia(.35) saturate(1.8) brightness(var(--answer-button-brightness));transition:filter 160ms var(--answer-ease)}
.answer-paper-root .answer-paper-button::before{content:"";background:url("assets/paper-short.png") center/100% 100% no-repeat}
.answer-paper-root .button-paper{display:none}
.answer-paper-root .answer-paper-button[data-paper-ready]::before{display:none}
.answer-paper-root .answer-paper-button[data-paper-ready] .button-paper{display:block}
.answer-paper-root .answer-paper-button span{display:block;scale:.95;translate:0 -.05em}
.answer-paper-root .answer-paper-button:disabled{opacity:calc(.5 * var(--answer-rest-opacity));cursor:default}
.answer-paper-root .answer-clarify{--answer-button-brightness:.71;margin-top:10px;font-size:22px;color:#f4e8cb}
.answer-paper-root .answer-action-note{margin:12px 0 0;text-align:center;font-size:12px;line-height:1.7;color:#e7d8bb;text-shadow:1px 1px 1px #0008}
.answer-paper-root .answer-result{padding-top:30px}
.answer-paper-root .answer-reveal-label{font-size:16px;color:#f0dfba;text-align:center;text-shadow:1px 2px 1px #0008}
.answer-paper-root .answer-reveal-name{font-size:26px;line-height:1.6;color:var(--answer-cream);text-align:center;text-shadow:1px 2px 1px #0009;margin:14px 0 38px;overflow-wrap:anywhere}
.answer-paper-root .answer-error{padding-top:32px}
.answer-paper-root .answer-error-message{color:var(--answer-cream);font-size:18px;text-align:center;line-height:1.7;text-shadow:1px 2px 1px #0008;margin:0 0 34px}
.answer-paper-root :is(button,input):focus-visible{outline:2px solid #ffe099;outline-offset:4px}
.answer-paper-root .answer-paper-button:active:not(:disabled){transform:scale(.98)}
@media(hover:hover){.answer-paper-root .answer-option:hover{background:#39484b;color:#ffe18a}.answer-paper-root .answer-paper-button:hover:not(:disabled){--answer-button-brightness:1.012;color:#ffe65d;transform:scale(1.025)}}
.answer-paper-root[data-reduced=true] *{transition:none!important}
.answer-paper-root[data-reduced=true] .answer-paper-button:is(:hover,:active){transform:none!important}
@media(min-width:1001px) and (max-height:640px){.answer-paper-content{padding-top:26px;padding-bottom:25px}.answer-paper-root .answer-stage{margin-bottom:15px}.answer-paper-root .answer-feedback{min-height:32px;margin-block:8px}.answer-paper-root .answer-paper-button{min-height:51px}}
/* The scene controller can override this offset while retaining a real reflow. */
@media(max-width:1000px){.answer-paper-viewport{overflow:auto;overscroll-behavior:contain;pointer-events:auto}.answer-paper-root{position:relative;top:auto;right:auto;transform:none;width:300px;margin:calc(50svh + var(--floating-card-height,300px)/2 + 36px) auto 28px}.answer-paper-content{padding-inline:24px}}
@media(prefers-reduced-motion:reduce){.answer-paper-root *{transition:none!important}.answer-paper-root .answer-paper-button:is(:hover,:active){transform:none!important}}

/* End-turn controls: source textures and timing from NEndTurnButton.cs.
   CSS sizing, easing approximation and ready-to-submit mapping are web_candidate.
   The compact hexagonal hit area stays fixed; decoration and glow never receive input. */
.answer-paper-root .answer-turn-button{width:148px;margin-inline:auto;min-height:64px;padding:0;pointer-events:none;font-size:20px;color:#fff6e2;-webkit-text-stroke:.10em #131f2e;text-shadow:2px 2px 0 #0003;transform:none!important;transition:opacity 180ms var(--answer-ease);overflow:visible}
.answer-paper-root .answer-turn-button::before{display:none}
/* Match the opaque 422×170 portion of the 512×256 texture at 180px.
   Keep the expanding glow visible outside, but only the plate receives input. */
.answer-paper-root .answer-turn-button::after{content:"";position:absolute;inset:2px 0;pointer-events:auto;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}
.answer-paper-root .answer-turn-button:disabled{opacity:var(--answer-rest-opacity)}
.answer-paper-root .answer-turn-button.answer-clarify{margin-top:10px;font-size:20px}
.answer-paper-root .answer-turn-visual{position:absolute;inset:0 auto 0 50%;margin:0 0 0 -90px;width:180px;display:grid;place-items:center;isolation:isolate;font-style:normal;pointer-events:none;transform:translateY(0);transition:transform 500ms cubic-bezier(.16,1,.3,1)}
.answer-paper-root :is(.answer-turn-image,.answer-turn-glow,.answer-turn-pulse){position:absolute;left:0;top:50%;width:100%;aspect-ratio:2;translate:0 -50%;pointer-events:none}
.answer-paper-root .answer-turn-image{z-index:1;background:url("assets/end_turn_button.png") center/100% 100% no-repeat;filter:brightness(1);transition:filter 500ms cubic-bezier(.16,1,.3,1)}
.answer-paper-root :is(.answer-turn-glow,.answer-turn-pulse){mask:url("assets/end_turn_button_glow.png") center/100% 100% no-repeat;mix-blend-mode:plus-lighter;opacity:0}
.answer-paper-root .answer-turn-glow{z-index:2;background:rgb(0 212 255);transform:scale(.9);transition:opacity 500ms cubic-bezier(.16,1,.3,1),transform 500ms cubic-bezier(.16,1,.3,1)}
.answer-paper-root .answer-turn-pulse{z-index:0;background:rgb(64 223 255)}
.answer-paper-root .answer-turn-button .answer-turn-label{position:relative;z-index:3;display:block;scale:1;translate:0 0;color:#fff6e2;transition:color 500ms cubic-bezier(.16,1,.3,1);max-width:75%;text-align:center}
.answer-paper-root .answer-turn-button[data-shiny=true]:not(:disabled) .answer-turn-glow{opacity:.75;transform:scale(1);transition-duration:800ms;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}
.answer-paper-root .answer-turn-button[data-shiny=true]:not(:disabled) .answer-turn-pulse{animation:answer-turn-expand 1500ms cubic-bezier(.165,.84,.44,1) infinite,answer-turn-fade 1500ms linear infinite}
@keyframes answer-turn-expand{from{transform:scale(1)}to{transform:scale(1.4)}}
@keyframes answer-turn-fade{from{opacity:.4}to{opacity:0}}
.answer-paper-root .answer-turn-button:disabled .answer-turn-image{filter:brightness(.5)}
.answer-paper-root .answer-turn-button:disabled .answer-turn-label{color:#807b71}
.answer-paper-root .answer-turn-button:focus-visible:not(:disabled) .answer-turn-visual{transform:translateY(-2px);transition-duration:0s}
.answer-paper-root .answer-turn-button:focus-visible:not(:disabled) .answer-turn-image{filter:brightness(1.5);transition-duration:0s}
.answer-paper-root .answer-turn-button:focus-visible:not(:disabled) .answer-turn-label{color:#ff524b;transition-duration:0s}
.answer-paper-root .answer-turn-button[data-shiny=true]:focus-visible:not(:disabled) .answer-turn-label{color:#00f6e2}
@media(hover:hover){
 .answer-paper-root .answer-turn-button:hover:not(:disabled) .answer-turn-visual{transform:translateY(-2px);transition-duration:0s}
 .answer-paper-root .answer-turn-button:hover:not(:disabled) .answer-turn-image{filter:brightness(1.5);transition-duration:0s}
 .answer-paper-root .answer-turn-button:hover:not(:disabled) .answer-turn-label{color:#ff524b;transition-duration:0s}
 .answer-paper-root .answer-turn-button[data-shiny=true]:hover:not(:disabled) .answer-turn-label{color:#00f6e2}
}
.answer-paper-root .answer-turn-button:active:not(:disabled) .answer-turn-visual{transform:translateY(8px);transition:transform 500ms cubic-bezier(.215,.61,.355,1)}
.answer-paper-root .answer-turn-button:active:not(:disabled) .answer-turn-image{filter:brightness(1);transition:filter 500ms cubic-bezier(.16,1,.3,1)}
.answer-paper-root .answer-turn-button:active:not(:disabled) .answer-turn-label{color:#aaa;transition:color 500ms cubic-bezier(.16,1,.3,1)}
.answer-paper-root[data-page-hidden=true] .answer-turn-pulse{animation-play-state:paused!important}
.answer-paper-root[data-reduced=true] .answer-turn-pulse{animation:none!important;opacity:0}
.answer-paper-root[data-reduced=true] .answer-turn-visual{transform:none!important}
@media(prefers-reduced-motion:reduce){.answer-paper-root .answer-turn-pulse{animation:none!important;opacity:0}.answer-paper-root .answer-turn-visual{transform:none!important}}