:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;background:#f5f7fa;color:#14232e}body,html,#root{margin:0;min-height:100vh}button{cursor:pointer;border:1px solid #adb8c2;background:#fff;border-radius:4px;padding:4px 10px;font:inherit}button:hover:not(:disabled){background:#eef1f4}button:disabled{opacity:.5;cursor:not-allowed}.library{max-width:1200px;margin:0 auto;padding:20px}.library__header h1{font-size:22px;margin:0 0 4px}.library__hint{margin:0 0 12px;color:#4a5762}.library__dropzone{border:2px dashed #93a1af;border-radius:6px;padding:16px;text-align:center;background:#fdfefe;margin-bottom:12px}.library__filepick{display:inline-block;cursor:pointer}.library__filepick input{display:none}.library__filepick span{color:#14232e}.library__filter{display:flex;align-items:center;gap:12px;margin-bottom:10px}.library__filter input{flex:1;padding:6px 10px;border:1px solid #adb8c2;border-radius:4px;font:inherit}.library__table{width:100%;border-collapse:collapse;font-size:13px}.library__table th,.library__table td{border-bottom:1px solid #d7dde2;padding:6px 8px;text-align:left}.library__flags{display:flex;gap:4px;flex-wrap:wrap}.library__flag{background:#f8e3a9;color:#593a02;border-radius:3px;padding:1px 6px;font-size:11px}.library__warning{background:#fceaea;color:#6a1414;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:600}.library__error{background:#fceaea;color:#6a1414;padding:8px;border-radius:4px;margin-bottom:8px}.replay{display:flex;flex-direction:column;height:100vh}.replay__header{display:flex;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid #d7dde2;background:#fff}.replay__badge{color:#6a5602;background:#f8ea9d;padding:3px 8px;border-radius:3px;font-size:12px}.replay__warning{color:#6a1414;background:#fceaea;padding:3px 8px;border-radius:3px;font-size:12px}.replay__grid{display:grid;grid-template-columns:260px 1fr 340px;flex:1;overflow:hidden}.replay__panels{overflow-y:auto;border-right:1px solid #d7dde2;padding:12px;display:flex;flex-direction:column;gap:10px;background:#f9fbfc}.replay__board{overflow:hidden;display:flex;align-items:center;justify-content:center;background:#dfeef8}.replay__log{overflow-y:auto;border-left:1px solid #d7dde2;background:#fff}.player-panel{border:1px solid #333;border-radius:6px;padding:8px 10px;background:#fff}.player-panel__header{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:6px}.player-panel__swatch{width:12px;height:12px;border-radius:50%;border:1px solid #222}.player-panel__character{background:#f0f4f8;border-radius:4px;padding:6px 8px;margin-bottom:6px;font-size:12px;display:flex;flex-direction:column;gap:2px}.player-panel__ability{color:#4a5762;font-style:italic;line-height:1.35}.player-panel__row{display:flex;justify-content:space-between;font-size:12px;gap:8px;padding:2px 0}.player-panel__row>div:first-child{color:#6a7580}.player-panel__inventory{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-end}.inv-chip{background:#e6ecf0;border-radius:3px;padding:1px 6px;font-size:11px}.inv-chip--treasure{background:#f7d97a;color:#4b3908;font-weight:600}.event-log{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;padding:8px;line-height:1.5}.event-log__line{padding:1px 4px;border-bottom:1px dashed #eef1f4}.event-log__line--focus{background:#fff5c5;border-radius:3px}.controls{border-top:1px solid #d7dde2;padding:8px 16px;background:#fff;display:flex;flex-direction:column;gap:6px}.controls__row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.controls__pos{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#4a5762}.controls__scrubber{flex:1}.controls__speed,.controls__jump{padding:2px 8px;font-size:12px}.controls__speed--on{background:#14232e;color:#fff;border-color:#14232e}.controls__label{color:#6a7580;font-size:12px}.controls__play{font-weight:600}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1e2f3f,#0d1a26);color:#f5f7fa}.gate__card{background:#00000059;border:1px solid rgba(255,255,255,.12);padding:32px 28px;border-radius:8px;max-width:320px;width:100%;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 40px #00000059}.gate__title{margin:0;font-size:22px}.gate__hint{margin:0;color:#b7c0cb;font-size:13px}.gate__input{padding:10px 12px;border-radius:4px;border:1px solid #3b5064;background:#0d1a26;color:#f5f7fa;font:inherit}.gate__input:focus{outline:2px solid #f9d64a;outline-offset:1px}.gate button[type=submit]{padding:8px 12px;background:#f9d64a;color:#14232e;font-weight:600;border:none}.gate__error{color:#f9a3a3;font-size:12px}