:root{color:#202124;background:#f8f9fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:390px;min-height:620px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:6px}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #4c8bf5}button:disabled{cursor:not-allowed;opacity:.65}#app{grid-template-rows:auto auto auto minmax(150px,1fr) auto auto;gap:12px;min-height:100vh;padding:14px;display:grid}#app[data-clavis-lock-only=true]{background:#000;grid-template-rows:1fr;gap:0;min-height:100vh;padding:0}#app[data-clavis-lock-only=true] .toolbar{display:none}.toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}h1,h2,p,dl{margin:0}h1{color:#121212;font-size:18px;line-height:1.2}h2{color:#121212;font-size:16px;line-height:1.25}.status-line{color:#5f6368;min-height:18px;font-size:12px;line-height:1.45}.status-line[data-tone=error]{color:#b3261e}.status-line[data-tone=success]{color:#137333}.mode-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}#app[data-clavis-lock-only=true] .mode-tabs{display:none}.mode-tabs button{color:#3c4043;background:#fff;border:1px solid #c9ced6;min-height:34px;font-weight:700}.mode-tabs button[data-selected=true]{color:#fff;background:#1f7a4d;border-color:#1f7a4d}.search-panel{gap:6px;display:grid}.search-panel[hidden],.results[hidden],.details[hidden],.actions[hidden],.janus-game[hidden],.relic-game[hidden],.clavis-game[hidden]{display:none}label{color:#3c4043;font-size:12px;font-weight:700}.search-row{grid-template-columns:1fr 92px;gap:8px;display:grid}input[type=search]{color:#202124;background:#fff;border:1px solid #c9ced6;border-radius:6px;width:100%;min-width:0;height:38px;padding:0 10px}#search-button,#import-button,.cast-actions button{color:#fff;background:#1f7a4d;min-height:38px;font-weight:700}#search-button:hover,#import-button:hover:not(:disabled),.cast-actions button:hover:not(:disabled){background:#17613d}.results{align-content:start;gap:6px;max-height:210px;padding-right:2px;display:grid;overflow:auto}.result-row{color:#202124;text-align:left;background:#fff;border:1px solid #d7dce2;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:40px;padding:7px 9px;display:grid}.result-row:hover,.result-row[data-selected=true]{background:#eef8f2;border-color:#1f7a4d}.result-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.result-meta{color:#5f6368;font-size:12px}.empty-message{color:#5f6368;text-align:center;border:1px dashed #c9ced6;border-radius:6px;padding:12px}.details{border-top:1px solid #d7dce2;grid-template-columns:112px 1fr;gap:12px;padding-top:12px;display:grid}.token-preview{background:#202124;border:1px solid #d7dce2;border-radius:6px;width:112px;height:112px;overflow:hidden}.token-preview img{object-fit:contain;width:100%;height:100%;display:block}.detail-body{align-content:start;gap:8px;min-width:0;display:grid}.detail-heading{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.detail-heading a{color:#ad5f00;font-size:12px;font-weight:700;text-decoration:none}.detail-heading a:hover{text-decoration:underline}.detail-meta{color:#5f6368;font-size:12px;line-height:1.35}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.stats div{background:#fff;border:1px solid #d7dce2;border-radius:6px;min-width:0;padding:7px}.stats dt{color:#5f6368;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:700}.stats dd{overflow-wrap:anywhere;color:#202124;min-width:0;margin:3px 0 0;font-size:12px;font-weight:700;line-height:1.25}.cast-controls{border-top:1px solid #d7dce2;gap:8px;padding-top:12px;display:grid}.cast-controls[hidden]{display:none}.cast-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cast-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.cast-stats div{background:#fff;border:1px solid #d7dce2;border-radius:6px;min-width:0;padding:7px}.cast-stats dt{color:#5f6368;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:700}.cast-stats dd{color:#202124;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:3px 0 0;font-size:12px;font-weight:700;line-height:1.25;overflow:hidden}.damage-toggle{color:#202124;align-items:center;gap:8px;min-height:28px;font-size:12px;font-weight:700;display:flex}.damage-toggle input{accent-color:#1f7a4d;width:16px;height:16px;margin:0}.damage-toggle:has(input:disabled){color:#7a7f86}.janus-game{gap:10px;min-height:0;display:grid}.janus-heading{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.janus-signal{text-align:right;background:#fff;border:1px solid #c9ced6;border-radius:6px;min-width:74px;padding:6px 8px;display:grid}.janus-signal span:first-child{color:#121212;font-size:16px;font-weight:800;line-height:1.1}.janus-signal span:last-child{color:#5f6368;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:700}.janus-stage{background:#08090d;border:1px solid #262b34;border-radius:6px;min-height:322px;position:relative;overflow:hidden}#janus-canvas{touch-action:none;width:100%;height:322px;display:block}.janus-controls{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;display:grid}.janus-controls input[type=range]{accent-color:#1f7a4d;width:100%}.janus-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.janus-actions button{color:#202124;background:#fff;border:1px solid #c9ced6;min-height:36px;font-weight:700}.janus-actions button:hover{background:#eef8f2;border-color:#1f7a4d}.relic-game{gap:10px;min-height:0;display:grid}.relic-heading{gap:8px;display:grid}.relic-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.relic-stats div{background:#fff;border:1px solid #c9ced6;border-radius:6px;min-width:0;padding:6px 7px}.relic-stats dt{color:#5f6368;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:700}.relic-stats dd{color:#202124;margin:3px 0 0;font-size:12px;font-weight:800;line-height:1.2}.relic-stage{background:#07090d;border:1px solid #243144;border-radius:6px;min-height:322px;position:relative;overflow:hidden}#relic-canvas{touch-action:manipulation;width:100%;height:322px;display:block}.relic-controls{grid-template-columns:1fr 100px;gap:8px;display:grid}.relic-difficulty{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.relic-controls button{color:#202124;background:#fff;border:1px solid #c9ced6;min-height:36px;font-weight:700}.relic-controls button:hover{background:#eef8f5;border-color:#2f7c66}.relic-controls button[data-selected=true],#relic-restart{color:#fff;background:#2f7c66;border-color:#2f7c66}.clavis-game{gap:10px;min-height:0;display:grid}.clavis-heading{gap:8px;display:grid}.clavis-game[data-lock-only=true] .clavis-heading{display:none}.clavis-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.clavis-stats div{background:#fff;border:1px solid #c9ced6;border-radius:6px;min-width:0;padding:6px 7px}.clavis-stats dt{color:#5f6368;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:700}.clavis-stats dd{color:#202124;margin:3px 0 0;font-size:12px;font-weight:800;line-height:1.2}.clavis-stage{background:#17110d;border:1px solid #31251d;border-radius:6px;min-height:322px;position:relative;overflow:hidden}.clavis-game[data-lock-only=true] .clavis-stage{background:#000;border:0;border-radius:0;min-height:100vh}#clavis-canvas{touch-action:manipulation;width:100%;height:322px;display:block}.clavis-game[data-lock-only=true] #clavis-canvas{height:100vh}.clavis-game[data-spectator=true] #clavis-canvas{cursor:default}.clavis-controls{grid-template-columns:1fr 100px;gap:8px;display:grid}.clavis-game[data-lock-only=true] .clavis-controls{display:none}.clavis-difficulty{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.clavis-controls button{color:#202124;background:#fff;border:1px solid #c9ced6;min-height:36px;font-weight:700}.clavis-controls button:hover{background:#fff4e5;border-color:#ad5f00}.clavis-controls button:disabled{cursor:not-allowed;color:#7a828c;background:#eef1f4;border-color:#c9ced6}.clavis-controls button[data-selected=true],#clavis-restart{color:#fff;background:#ad5f00;border-color:#ad5f00}.clavis-controls button[data-selected=true]:disabled,#clavis-restart:disabled{color:#fff;background:#9aa1aa;border-color:#9aa1aa}.actions{border-top:1px solid #d7dce2;gap:8px;padding-top:12px;display:grid}#import-button{width:100%;min-height:42px}