.player-desk{overflow:visible}.office-accountant{position:absolute;left:0;top:-33.3333%;width:100%;height:133.3333%;transform:scale(.9);transform-origin:center bottom;pointer-events:none;display:none}.player-ready .office-accountant{display:block}.player-ready .player-desk-fallback{visibility:hidden}
.player-customizer h2{padding-right:28px}.player-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:24px}.player-live-preview{align-self:start;position:sticky;top:0;background:radial-gradient(ellipse,#fffaf0,#eee3d0);border:1px solid #e1d3b8;border-radius:18px;text-align:center;padding:8px}.player-live-preview canvas{display:block;width:100%;height:auto}.player-live-preview p{font-size:12px;margin:5px 8px 10px}.player-load-status{color:#647c70}.player-controls{min-width:0}.player-controls label{display:grid;gap:8px;margin:0 0 16px}.player-controls select{width:100%;min-width:0}.player-categories{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.player-categories button{padding:8px 11px;font-size:13px}.player-categories button[aria-pressed=true]{background:#234c46;color:#fff7e8}.player-tones{display:flex;gap:12px;margin:20px 0}.player-tones button{background:var(--tone);width:42px;height:42px;min-width:42px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c1b18d;padding:0}.player-tones button[aria-pressed=true]{box-shadow:0 0 0 3px #426b5e}.player-face-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.player-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.player-item{display:flex;flex-direction:column;align-items:center;min-width:0;padding:10px 7px;border:1px solid #dfd0b5;border-radius:13px;background:#fffaf0}.player-item[aria-pressed=true]{background:#edddba;box-shadow:inset 0 0 0 2px #a2834d}.player-item canvas{width:100%;height:auto;display:block}.player-item b{font-size:12px;line-height:1.4;margin:7px 0}.player-item>span{font-size:12px;font-weight:400}.player-item .player-none{min-height:110px;display:grid;place-items:center;font-size:40px}.player-checkout{position:sticky;bottom:-35px;margin:20px -5px -5px;padding:16px 5px 8px;background:#fffcf3;border-top:1px solid #ddcfb6;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:4}.player-checkout>div:first-child{display:grid;gap:5px}.player-checkout span{font-size:13px}.player-checkout-actions{display:flex;gap:8px}.player-shortfall{color:#9b4534;font-size:12px}.story .welcome{max-width:340px}.story .welcome h1{font-size:clamp(28px,3.2vw,46px)}
@media(max-width:760px){.story-dock{grid-template-columns:repeat(3,1fr)}.story-dock button{font-size:11px;padding:7px 4px}.story .welcome{top:auto;bottom:140px;left:5%;right:5%;max-width:90%;padding:13px 16px;max-height:32vh;background:#fffaecd9;border:1px solid #e8dbc2;border-radius:14px}.story .welcome small,.story .welcome>p:not(.preview-note){display:none}.story .welcome h1{font-size:24px;margin:0 0 10px}.story .welcome h1 .translation{font-size:15px;margin-top:4px}.story .welcome .preview-note{font-size:11px;margin:7px 0 0}.story #office-backdrop{top:10%;right:-4%;width:106vw}.player-layout{grid-template-columns:1fr;gap:16px}.player-live-preview{position:relative;max-width:255px;margin:auto;width:100%}.player-live-preview canvas{max-height:280px;object-fit:contain}.player-items{grid-template-columns:repeat(3,minmax(0,1fr))}.player-item b{font-size:11px}.player-checkout{bottom:-25px;flex-direction:column;align-items:stretch;padding:12px 0 8px}.player-checkout-actions{justify-content:flex-end}.player-checkout button{font-size:12px;padding:10px}.player-face-controls{gap:10px}.player-categories button{font-size:12px;padding:8px}.player-customizer .preview-note{font-size:12px}}
@media(max-width:760px){.player-live-preview{position:sticky;top:-25px;z-index:3;display:grid;grid-template-columns:125px minmax(0,1fr);gap:4px;max-width:none;padding:5px;align-items:center;text-align:left}.player-live-preview canvas{width:125px;height:175px;grid-row:1/3;grid-column:1;object-fit:contain}.player-live-preview p{grid-column:2;font-size:11px;margin:5px;line-height:1.5}.player-live-preview .player-load-status{font-size:10px}.player-customizer>.preview-note{line-height:1.5}.player-controls{padding-top:5px}}