*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5ede0;--surface:#fffaf4;--surface2:#f0e6d4;--border:#d4c4a8;--border2:#b8a080;--text:#2a1a0a;--text2:#6b4c2a;--text3:#9a7a50;--amber:#a86820;--amber-dim:#7a4e18;--amber-bg:#f5e8d0;--amber-light:#fdf4e6;--green:#2d6e3a;--green-bg:#e8f5ec;--green-dim:#3a8a48;--red:#8b2010;--red-bg:#fdecea;--red-dim:#c04030;--blue:#1a3a6a;--blue-bg:#e8eef8;--serif:"Crimson Pro",Georgia,serif;--sans:"Outfit",system-ui,sans-serif;--r:8px;--max-w:680px}[data-theme=dark]{--bg:#1c1410;--surface:#251b12;--surface2:#2e2218;--border:#3d2e1e;--border2:#5a4028;--text:#f5ead8;--text2:#c4a882;--text3:#7a5e3e;--amber:#c17f3a;--amber-dim:#8a5a28;--amber-bg:#2a1e0e;--amber-light:#2a1e0e;--green:#6aaa44;--green-bg:#1a2e14;--green-dim:#3a6a24;--red:#c04020;--red-bg:#2a0e08;--red-dim:#8a3020;--blue:#5a8acc;--blue-bg:#0e1828}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1410;--surface:#251b12;--surface2:#2e2218;--border:#3d2e1e;--border2:#5a4028;--text:#f5ead8;--text2:#c4a882;--text3:#7a5e3e;--amber:#c17f3a;--amber-dim:#8a5a28;--amber-bg:#2a1e0e;--amber-light:#2a1e0e;--green:#6aaa44;--green-bg:#1a2e14;--green-dim:#3a6a24;--red:#c04020;--red-bg:#2a0e08;--red-dim:#8a3020;--blue:#5a8acc;--blue-bg:#0e1828}}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}.screen--scroll{height:100dvh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;-webkit-overflow-scrolling:touch}.screen--scroll-inner{width:100%;max-width:var(--max-w);padding:0 16px 120px;display:flex;flex-direction:column;gap:12px}.screen--center{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px}.screen--center-inner{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center}.writing-screen{height:100dvh;display:flex;flex-direction:column;overflow:hidden;align-items:center}.writing-inner{width:100%;max-width:var(--max-w);display:flex;flex-direction:column;height:100%;overflow:hidden}.topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:52px 0 8px;flex-shrink:0}.topbar h2{font-family:var(--serif);font-size:26px;font-weight:600;font-style:italic;color:var(--text);line-height:1.2}.back-btn{background:none;border:none;color:var(--text3);font-family:var(--sans);font-size:14px;cursor:pointer;padding:0;margin-bottom:8px;display:block}.help-btn{background:none;border:.5px solid var(--border2);color:var(--text3);font-family:var(--sans);font-size:12px;cursor:pointer;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:4px;margin-top:4px}.help-btn i{font-size:14px}.theme-btn{background:none;border:.5px solid var(--border2);color:var(--text3);font-family:var(--sans);font-size:13px;cursor:pointer;padding:5px 11px;border-radius:20px;display:flex;align-items:center;gap:5px}.theme-btn i{font-size:15px}.round-bar{padding:0 0 8px;flex-shrink:0}.round-bar__track{height:1.5px;background:var(--border2);border-radius:1px}.round-bar__fill{height:1.5px;background:var(--amber);border-radius:1px;transition:width .4s ease}.round-bar__labels{display:flex;justify-content:space-between;margin-top:4px}.round-bar__labels span{font-size:10px;color:var(--text3);letter-spacing:.06em;text-transform:uppercase}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.card--accent{background:var(--amber-bg);border-color:var(--amber-dim)}.card--accent .eyebrow{color:var(--amber-dim)}.card--green{background:var(--green-bg);border-color:var(--green-dim)}.card--red{background:var(--red-bg);border-color:var(--red-dim)}.card--blue{background:var(--blue-bg);border-color:var(--blue)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);font-family:var(--sans)}.body-text{font-size:15px;color:var(--text);line-height:1.65;font-family:var(--sans)}.body-muted{font-size:15px;color:var(--text2);line-height:1.65;font-family:var(--sans)}.btn{display:block;width:100%;padding:13px 20px;border-radius:var(--r);font-family:var(--sans);font-size:15px;font-weight:500;cursor:pointer;border:none;letter-spacing:.01em;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:var(--amber);color:var(--bg)}.btn--ghost{background:transparent;color:var(--text2);border:.5px solid var(--border2)}.btn--danger{background:var(--red-bg);color:var(--red);border:.5px solid var(--red-dim)}.btn--small{padding:7px 14px;font-size:13px;width:auto;display:inline-block}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:11px;font-weight:600;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;font-family:var(--sans)}.field__input,.field__select{background:var(--surface);border:.5px solid var(--border2);border-radius:var(--r);padding:12px 14px;font-family:var(--sans);font-size:16px;color:var(--text);width:100%;outline:none;-webkit-appearance:none}.field__input:focus,.field__select:focus{border-color:var(--amber)}.field__input::placeholder{color:var(--text3)}.field__textarea{background:var(--surface);border:.5px solid var(--border2);border-radius:var(--r);padding:12px 14px;font-family:var(--sans);font-size:15px;color:var(--text);width:100%;outline:none;resize:none;line-height:1.6}.field__textarea:focus{border-color:var(--amber)}.field__textarea::placeholder{color:var(--text3);font-style:italic}.field__count{font-size:11px;color:var(--text3);text-align:right}.field__count--warn{color:var(--amber)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:.5px solid var(--border);font-size:14px;color:var(--text2);font-family:var(--sans)}.setting-col{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:.5px solid var(--border);font-size:14px;color:var(--text2);margin-top:4px;font-family:var(--sans)}.stepper{display:flex;align-items:center;border:.5px solid var(--border2);border-radius:var(--r);overflow:hidden}.stepper__btn{background:var(--surface2);border:none;padding:6px 14px;font-size:18px;color:var(--text);cursor:pointer;font-family:var(--sans);line-height:1}.stepper__val{padding:6px 14px;font-size:15px;font-weight:500;min-width:44px;text-align:center;border-left:.5px solid var(--border);border-right:.5px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--sans)}.mrow{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:.5px solid var(--border);color:var(--text2);font-family:var(--sans)}.mrow:last-child{border-bottom:none}.mrow span:last-child{font-weight:500;color:var(--text)}.room-code{font-family:DM Mono,Courier New,monospace;font-size:32px;font-weight:500;letter-spacing:.2em;color:var(--amber);text-align:center;padding:8px 0}.share-banner{background:var(--amber-bg);border:.5px solid var(--amber-dim);border-radius:var(--r);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.share-banner__code{font-family:DM Mono,Courier New,monospace;font-size:22px;letter-spacing:.15em;color:var(--amber);font-weight:500}.share-banner__btn{background:var(--amber);border:none;border-radius:5px;padding:7px 14px;font-size:12px;font-weight:500;color:var(--bg);font-family:var(--sans);cursor:pointer;display:flex;align-items:center;gap:5px;flex-shrink:0}.share-banner__btn i{font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:.5px solid var(--border);border-radius:999px;padding:4px 12px;font-size:13px;color:var(--text);font-family:var(--sans)}.chip__dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.chip__dot--away{background:var(--amber)}.chip__dot--gone{background:var(--red-dim)}.chip__dot--spectator{background:var(--blue)}.badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;letter-spacing:.04em;font-family:var(--sans)}.badge--amber{background:var(--amber-bg);color:var(--amber-dim)}.badge--green{background:var(--green-bg);color:var(--green)}.badge--default{background:var(--surface2);color:var(--text2);border:.5px solid var(--border)}.badge--blue{background:var(--blue-bg);color:var(--blue)}.poll-dot{width:7px;height:7px;border-radius:50%;background:var(--border2);display:inline-block;margin-top:8px;flex-shrink:0;transition:background .3s}.poll-dot--on{background:var(--green)}.score-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:.5px solid var(--border);font-size:14px;color:var(--text);font-family:var(--sans)}.score-row:last-child{border-bottom:none}.score-row__leader{font-weight:600;color:var(--amber)}.score-row__pts{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--text2)}.wbar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin:4px 0}.wbar__fill{height:100%;background:var(--amber);border-radius:2px;transition:width .5s ease}.wbar--green .wbar__fill{background:var(--green)}.vopt{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r);padding:14px 16px;cursor:pointer;margin-bottom:10px;transition:border-color .15s,transform .1s;-webkit-tap-highlight-color:transparent}.vopt:active{transform:scale(.985);border-color:var(--amber)}.vopt--mine{opacity:.35;cursor:not-allowed}.vopt--mine:active{transform:none;border-color:var(--border)}.vopt__text{font-family:var(--serif);font-size:17px;font-style:italic;color:var(--text);line-height:1.7}.vopt__yours{font-size:11px;color:var(--text3);margin-top:5px;font-family:var(--sans)}.reveal-text{font-family:var(--serif);font-size:19px;font-style:italic;line-height:1.65;color:var(--amber)}.reveal-attr{font-size:12px;color:var(--text3);margin-top:4px;font-family:var(--sans)}.winner-name{font-family:var(--serif);font-size:34px;font-style:italic;color:var(--amber);line-height:1.2}.winner-pts{font-size:13px;color:var(--text3);margin-top:4px;font-family:var(--sans)}.moral-text{font-family:var(--serif);font-size:19px;font-style:italic;line-height:1.65;color:var(--text)}.story-zone{flex:1;overflow-y:auto;padding:12px 0 16px;-webkit-overflow-scrolling:touch;position:relative}.story-zone::-webkit-scrollbar{width:2px}.story-zone::-webkit-scrollbar-thumb{background:var(--border2)}.story-para{font-family:var(--serif);font-size:18px;color:var(--text);line-height:1.9;font-style:italic}.story-span{cursor:pointer;border-radius:2px;padding:1px 0;transition:background .12s}.story-span:hover{background:#a168201a}.story-span--active{background:#a168202e}.story-span--interrupt{color:var(--amber)}.story-span--prompt{color:var(--text2)}.popover{position:absolute;background:var(--surface2);border:.5px solid var(--border2);border-radius:var(--r);padding:10px 12px;width:200px;z-index:20;pointer-events:none}.popover__round{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:3px;font-family:var(--sans)}.popover__author{font-size:15px;font-weight:600;color:var(--text);margin-bottom:1px;font-family:var(--sans)}.popover__detail{font-size:12px;color:var(--text2);font-family:var(--sans)}.popover__interrupt{font-size:11px;color:var(--amber);margin-top:4px;display:flex;align-items:center;gap:4px;font-family:var(--sans)}.composing-indicator{font-size:12px;color:var(--text3);font-style:italic;margin-top:12px;padding-bottom:4px;font-family:var(--sans)}.float-bar{flex-shrink:0;background:var(--surface2);border-top:.5px solid var(--border2);width:100%}.token-strip{background:var(--amber-light);border-bottom:.5px solid var(--border2);padding:7px 12px;display:flex;align-items:center;justify-content:space-between}.token-strip--spent{background:var(--surface);border-color:var(--border)}.strip-left{display:flex;align-items:center;gap:8px}.strip-pips{display:flex;gap:3px}.strip-pip{font-size:16px;color:var(--amber)}.strip-pip--used{color:var(--border2)}.strip-pip--pending{color:var(--amber-dim);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.strip-name{font-size:11px;font-weight:600;color:var(--amber);font-family:var(--sans)}.strip-name--spent{color:var(--text3)}.strip-hint{font-size:10px;color:var(--amber-dim);margin-top:1px;font-family:var(--sans)}.strip-hint--spent{color:var(--text3)}.strip-btn{background:var(--amber);border:none;border-radius:5px;padding:5px 12px;font-size:11px;font-weight:600;color:var(--bg);font-family:var(--sans);cursor:pointer}.strip-btn--spent{background:transparent;border:.5px solid var(--border2);color:var(--text3);cursor:not-allowed;opacity:.5}.strip-btn--danger{background:var(--red-bg);border:.5px solid var(--red-dim);color:var(--red)}.bar-row{display:flex;align-items:center;gap:7px;padding:8px 12px 14px}.bar-ring{position:relative;width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.bar-ring svg{position:absolute;top:0;left:0}.bar-ring__num{font-family:var(--serif);font-style:italic;font-size:12px;color:var(--amber);position:relative;z-index:1;font-weight:600}.bar-ring__num--danger{color:var(--red)}.bar-input{flex:1;background:var(--surface);border:.5px solid var(--border2);border-radius:6px;padding:8px 10px;font-size:14px;color:var(--text3);font-family:var(--sans);font-style:italic;outline:none;min-width:0}.bar-input:focus{border-color:var(--amber);color:var(--text)}.bar-submit{background:var(--amber);border:none;border-radius:6px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.bar-submit:disabled{opacity:.35;cursor:not-allowed}.bar-submit i{font-size:17px;color:var(--bg)}.bar-submitted{display:flex;align-items:center;gap:10px;padding:8px 12px 14px}.bar-check{width:28px;height:28px;border-radius:50%;background:var(--green-bg);border:.5px solid var(--green-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bar-check i{font-size:14px;color:var(--green)}.bar-wait-wrap{flex:1}.bar-wait-label{font-size:10px;color:var(--green);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-family:var(--sans);font-weight:600}.bar-wait-count{font-size:11px;color:var(--text3);margin-top:3px;font-family:var(--sans)}.writing-header{flex-shrink:0;padding:48px 0 0}.writing-title{font-family:var(--serif);font-size:26px;font-style:italic;font-weight:600;color:var(--text)}.writing-sub{font-size:10px;color:var(--text3);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-family:var(--sans)}.landing__title{font-family:var(--serif);font-size:72px;font-weight:600;font-style:italic;color:var(--amber);line-height:1;margin-bottom:6px;text-align:center}.landing__sub{font-size:13px;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:32px;text-align:center;font-family:var(--sans)}.landing__btns{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:24px}.landing__how{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r);padding:16px;width:100%}.how-tabs{display:flex;gap:0;margin-bottom:12px;border-bottom:.5px solid var(--border)}.how-tab{background:none;border:none;font-family:var(--sans);font-size:12px;font-weight:500;color:var(--text3);padding:6px 12px 8px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.how-tab--active{color:var(--amber);border-bottom-color:var(--amber)}.how-content p{font-size:13px;color:var(--text2);line-height:1.7;margin-bottom:8px;font-family:var(--sans)}.how-step{display:flex;gap:8px;margin-bottom:6px;align-items:flex-start}.how-step-n{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--amber);min-width:16px;margin-top:1px;font-weight:600}.how-step p{font-size:13px;color:var(--text2);line-height:1.6;font-family:var(--sans)}.landing__footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:flex-end;justify-content:center}.help-sheet{background:var(--surface);border-top:.5px solid var(--border2);border-radius:16px 16px 0 0;padding:20px 20px 40px;width:100%;max-width:var(--max-w);max-height:70dvh;overflow-y:auto}.help-sheet__title{font-family:var(--serif);font-size:22px;font-style:italic;font-weight:600;color:var(--amber);margin-bottom:4px}.help-sheet__close{float:right;background:none;border:none;color:var(--text3);font-size:20px;cursor:pointer}.help-section{margin-top:14px}.help-section h4{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:6px;font-family:var(--sans);font-weight:600}.help-section p{font-size:14px;color:var(--text2);line-height:1.65;margin-bottom:6px;font-family:var(--sans)}.reading-timer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 0}.reading-label{font-size:11px;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;font-family:var(--sans)}.autostart-bar{background:var(--amber-bg);border:.5px solid var(--amber-dim);border-radius:var(--r);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.autostart-label{font-size:13px;color:var(--amber);font-family:var(--sans);font-weight:500}.autostart-cancel{background:transparent;border:.5px solid var(--amber-dim);color:var(--amber-dim);font-size:12px;padding:4px 10px;border-radius:4px;font-family:var(--sans);cursor:pointer}.join-request{background:var(--surface2);border:.5px solid var(--border2);border-radius:var(--r);padding:12px 14px;margin-bottom:10px}.join-request__name{font-size:14px;font-weight:600;color:var(--text);font-family:var(--sans);margin-bottom:8px}.join-request__name span{color:var(--text3);font-weight:400;font-size:13px}.join-request__btns{display:flex;gap:6px;flex-wrap:wrap}.jbtn{border:none;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:600;font-family:var(--sans);cursor:pointer}.jbtn--player{background:var(--amber);color:var(--bg)}.jbtn--spectator{background:var(--blue-bg);color:var(--blue);border:.5px solid var(--blue)}.jbtn--deny{background:var(--red-bg);color:var(--red);border:.5px solid var(--red-dim)}.rejoin-notice{background:var(--amber-bg);border:.5px solid var(--amber-dim);border-radius:var(--r);padding:10px 14px;font-size:13px;color:var(--amber);font-family:var(--sans)}.spectator-banner{background:var(--blue-bg);border:.5px solid var(--blue);border-radius:var(--r);padding:8px 14px;font-size:12px;color:var(--blue);font-family:var(--sans);display:flex;align-items:center;gap:6px}.spectator-banner i{font-size:14px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.action-btn{flex:1;min-width:120px;background:var(--surface);border:.5px solid var(--border2);border-radius:var(--r);padding:10px 14px;font-size:13px;font-weight:500;color:var(--text2);font-family:var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn i{font-size:16px}.action-btn--primary{background:var(--amber);border-color:var(--amber);color:var(--bg)}@supports (padding:max(0px)){.bar-row,.bar-submitted{padding-bottom:max(14px,calc(10px + env(safe-area-inset-bottom)))}.token-strip{padding-bottom:max(7px,env(safe-area-inset-bottom))}.screen--scroll-inner{padding-bottom:max(120px,calc(100px + env(safe-area-inset-bottom)))}.writing-header{padding-top:max(48px,calc(16px + env(safe-area-inset-top)))}.topbar{padding-top:max(52px,calc(16px + env(safe-area-inset-top)))}}