:root{--page:#070706;--ink:#f5f2ef;--muted:#9d958b;--panel:#121211f0;--gold:#e7a922;--edge:#ffe7a12e}*{box-sizing:border-box}html,body{min-height:100vh;margin:0}body{color:var(--ink);letter-spacing:0;background:radial-gradient(circle at 50% 0,#2a1714 0%,#130f0e 34%,#070706 100%);place-items:center;padding:28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1360px,100%)}.game-card{background:linear-gradient(#171412,#0c0b0a);border-radius:20px;padding:18px 18px 72px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe7a11a,0 22px 80px #000000bf,0 0 34px #f7cd5a1a}canvas{height:auto;image-rendering:pixelated;background:#10100f;border-radius:14px;width:100%;display:block;box-shadow:inset 0 8px 30px #00000061,0 0 0 1px #f7cd5a24}.loading-overlay{color:#f5f2ef;z-index:10;background:radial-gradient(circle at 50% 36%,#4b1a16eb,#090807fa);border-radius:14px;place-items:center;transition:opacity .45s,transform .45s;display:grid;position:absolute;inset:18px 18px 72px}.loading-overlay.done{opacity:0;pointer-events:none;transform:scale(1.01)}.loading-panel{text-align:center;background:#100e0cdb;border:1px solid #f7cd5a80;border-radius:14px;width:min(520px,82%);padding:28px;box-shadow:0 18px 60px #00000073,inset 0 1px #ffffff0f}.loading-title{color:#ffe7a1;margin-bottom:8px;font:700 24px ui-monospace,SFMono-Regular,Menlo,monospace}.loading-subtitle{color:#cfc6b8;margin-bottom:22px;font:14px ui-monospace,SFMono-Regular,Menlo,monospace}.loading-bar{background:#211a16;border:1px solid #f7cd5a61;border-radius:999px;height:16px;overflow:hidden}.loading-bar span{background:linear-gradient(90deg,#8e5b0b,#e7a922,#fff2a4);border-radius:999px;width:0%;height:100%;transition:width .18s;display:block;box-shadow:0 0 18px #e7a9228c}.loading-pct{color:#fff2a4;margin-top:12px;font:700 16px ui-monospace,SFMono-Regular,Menlo,monospace}.table-talk{align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.language-control{z-index:4;background:#121211e6;border:1px solid #f7cd5a8c;border-radius:14px;align-items:center;gap:10px;width:250px;height:46px;padding:0 14px;display:flex;position:absolute;top:42px;left:60px}.language-control span{color:#d8d0c4;white-space:nowrap;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.language-control input{color:#fff2a4;background:0 0;border:0;outline:none;flex:1;min-width:0;font:700 15px ui-monospace,SFMono-Regular,Menlo,monospace}.language-control:focus-within{border-color:#ffe7a1;box-shadow:0 0 0 3px #c68a222e}.table-talk input{color:#f5f2ef;background:#1c1917;border:1px solid #f7cd5a33;border-radius:999px;outline:none;flex:1;min-width:0;padding:15px 18px;font:15px ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:inset 0 1px #ffffff0a}.table-talk input::placeholder{color:#8c8378}.table-talk input:focus{border-color:#c68a22;box-shadow:0 0 0 3px #c68a222e,0 0 22px #c68a221a}.table-talk button,.provider-button,.provider-save,.provider-test{white-space:nowrap;border:1px solid #f7cd5a3d;border-radius:999px;min-height:46px;padding:0 18px;font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace}.table-talk button,.provider-save{color:#151515;background:#f5f2ef}.table-talk button:hover,.provider-save:hover{background:#ffe7a1}.provider-button,.provider-test{color:#ffe7a1;background:#211a16}.provider-button:hover,.provider-test:hover{background:#2c231d}.provider-panel{color:#f5f2ef;z-index:9;background:#100e0cf5;border:1px solid #f7cd5a57;border-radius:14px;gap:12px;width:min(520px,100% - 68px);padding:16px;display:grid;position:absolute;bottom:82px;right:34px;box-shadow:0 20px 70px #0000007a}.message-log-button{color:#ffe7a1;z-index:6;background:#121211f0;border:1px solid #f7cd5a99;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;bottom:86px;left:34px;box-shadow:0 10px 28px #00000057,inset 0 1px #ffffff0f}.message-log-button:hover,.message-log-button.active{color:#151515;background:#f5f2ef}.message-log-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:25px;height:25px}.message-log-panel{color:#f5f2ef;z-index:8;background:#100e0cf5;border:1px solid #f7cd5a6b;border-radius:14px;gap:10px;width:min(430px,100% - 68px);max-height:min(390px,100% - 210px);padding:14px;display:grid;position:absolute;bottom:144px;left:34px;box-shadow:0 20px 70px #00000085}.message-log-panel header{justify-content:space-between;align-items:center;display:flex}.message-log-panel h2{color:#ffe7a1;margin:0;font:700 15px ui-monospace,SFMono-Regular,Menlo,monospace}.message-log-panel header button{color:#f5f2ef;background:#211a16;border:1px solid #f7cd5a47;border-radius:999px;min-height:32px;padding:0 12px;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.message-log-list{gap:8px;max-height:310px;padding-right:4px;display:grid;overflow:auto}.message-log-item{background:#f5f2ef0f;border:1px solid #f7cd5a24;border-radius:10px;padding:9px 10px}.message-log-item.player{background:#f5f2ef1f}.message-log-meta{color:#bfb5a8;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.message-log-item.player .message-log-meta span:first-child{color:#f5f2ef}.message-log-item.npc .message-log-meta span:first-child{color:#ffe7a1}.message-log-item p{color:#f5f2ef;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.message-log-empty{color:#bfb5a8;text-align:center;padding:18px 4px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.provider-panel h2{color:#ffe7a1;margin:0;font:700 16px ui-monospace,SFMono-Regular,Menlo,monospace}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.provider-field{gap:6px;display:grid}.provider-field.provider-wide{grid-column:1/-1}.provider-field span,.remember-key span{color:#cfc6b8;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.provider-field input,.provider-field select{color:#f5f2ef;background:#1c1917;border:1px solid #f7cd5a2e;border-radius:10px;outline:none;min-height:42px;padding:0 12px}.provider-field input:focus,.provider-field select:focus{border-color:#c68a22;box-shadow:0 0 0 3px #c68a2229}.provider-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.remember-key{align-items:center;gap:8px;margin-right:auto;display:flex}.remember-key input{accent-color:#e7a922}.provider-status{color:#cfc6b8;min-height:16px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:800px){body{padding:10px}.game-card{border-radius:16px;padding:8px 8px 62px}canvas{border-radius:10px}.loading-overlay{inset:8px 8px 62px}.table-talk{gap:8px;bottom:10px;left:8px;right:8px}.language-control{width:min(220px,100% - 190px);height:40px;padding:0 10px;top:18px;left:20px}.table-talk input{padding:12px}.table-talk button,.provider-button,.provider-save,.provider-test{min-height:40px;padding:0 12px}.provider-panel{width:auto;bottom:62px;left:14px;right:14px}.message-log-button{width:42px;height:42px;bottom:68px;left:16px}.message-log-panel{width:auto;max-height:min(340px,100% - 170px);bottom:118px;left:14px;right:14px}.provider-grid{grid-template-columns:1fr}.provider-actions{flex-wrap:wrap;align-items:stretch}.remember-key{flex-basis:100%}}