:root{--bg:#11141c;--panel:#181c27;--panel-2:#1f2433;--line:#2b3245;--text:#e6e9f0;--muted:#8a93a8;--green:#4fd18b;--red:#f06a6a;--amber:#f2b84c;--blue:#5aa2ff;--wood:#6b4a2c;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}#app{height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid}button{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}#topbar{background:var(--panel);border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:12px;min-width:0;padding:4px 12px;display:flex;overflow:hidden}.brand{font-family:var(--mono);letter-spacing:.18em;font-size:13px;font-weight:800}.brand span{color:var(--blue);margin-left:6px}.where{color:var(--muted);font-size:12px}.badge{font-family:var(--mono);letter-spacing:.12em;border:1px solid var(--line);background:var(--panel-2);border-radius:4px;flex:none;padding:2px 7px;font-size:11px}#origin[data-origin=sample]{color:var(--amber);border-color:#5a4a22}#origin[data-origin=file]{color:var(--blue)}#origin[data-origin=api],#market{color:var(--green)}#market.closed{color:var(--muted)}.clock{text-overflow:ellipsis;align-items:baseline;gap:6px;min-width:0;margin-left:auto;display:flex;overflow:hidden}#clock-time{font-size:15px;font-weight:700}.tz{color:var(--muted);font-size:12px}#stage{min-height:0;position:relative;overflow:hidden}#canvas-host{position:absolute;inset:0}#canvas-host canvas{touch-action:manipulation;display:block}#labels{pointer-events:none;position:absolute;inset:0}.place{pointer-events:auto;cursor:pointer;white-space:nowrap;color:#fff;background:#11141cd1;border:1px solid #ffffff38;border-radius:6px;min-height:28px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.place:hover,.place:focus-visible{border-color:var(--blue);background:#1f2433f2;outline:none}#parte{pointer-events:none;flex-wrap:wrap;gap:2px 10px;font-size:12px;display:flex}#stage>#parte{background:#11141cc7;border-radius:6px;max-width:min(560px,100% - 16px);padding:5px 9px;position:absolute;top:8px;left:8px}#controls>#parte{text-align:center;color:var(--text);flex:1 0 100%;justify-content:center;font-size:11px}#parte-sample{color:var(--amber);flex:1 0 100%}#parte-credit{color:var(--muted);font-style:italic}#notice{color:#ffe7a8;text-align:center;background:#5a4a22eb;border-radius:6px;max-width:calc(100% - 16px);padding:5px 12px;font-size:12px;position:absolute;top:8px;left:50%;transform:translate(-50%)}#controls{background:var(--panel);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:6px 10px;display:flex}#controls button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:6px;min-width:52px;min-height:36px;padding:4px 10px}#controls button:disabled{opacity:.4;cursor:default}#controls button.live{color:var(--green);border-color:#24563a}#at-label{text-align:center;min-width:190px;color:var(--muted)}#inside{z-index:10;position:fixed;inset:0}#inside-backdrop{background:#06080e9e;position:absolute;inset:0}#inside-panel{background:var(--panel);border:1px solid var(--line);flex-direction:column;display:flex;position:absolute;overflow:hidden}#inside-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex}#inside-title{letter-spacing:.04em;flex:auto;margin:0;font-size:15px}#inside-head button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:6px;min-width:40px;min-height:40px}#inside-back{padding:0 10px}#inside-body{overscroll-behavior:contain;flex:auto;padding:12px 14px 16px;overflow:auto}#inside-body .frame{justify-content:center;display:flex}#inside-picture{image-rendering:pixelated;border:6px solid var(--wood);border-radius:3px;display:block;box-shadow:inset 0 0 0 1px #3d2a18,0 0 0 1px #8a6440}#inside-ranking{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:12px;font-size:13px}#inside-ranking caption{text-align:left;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:700}#inside-ranking th{color:var(--muted);text-align:right;border-bottom:1px solid var(--line);padding:3px 6px;font-size:12px;font-weight:500}#inside-ranking td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:3px 6px}#inside-ranking td:nth-child(2){white-space:normal}#inside-ranking th:nth-child(2),#inside-ranking td:nth-child(2){text-align:left}#inside-ranking td button{text-align:left;cursor:pointer;min-height:32px;color:var(--blue);background:0 0;border:0;padding:4px 0}#inside-ranking td button:focus-visible{outline:2px solid var(--blue)}@media (width<=420px){#inside-ranking th:nth-child(6),#inside-ranking td:nth-child(6){display:none}}#inside-empty{text-align:center;color:var(--muted);margin:10px 0 0;font-style:italic}#inside-list h3,#inside-card h3{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin:12px 0 6px;font-size:13px}#inside-people{gap:6px;margin:0;padding:0;list-style:none;display:grid}#inside-people button{text-align:left;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:baseline;gap:10px;width:100%;min-height:40px;padding:6px 10px;display:flex}#inside-people button span{color:var(--muted);font-size:12px}#inside-people button:hover,#inside-people button:focus-visible{border-color:var(--blue);outline:none}#inside-card h3{color:var(--text);text-transform:none;letter-spacing:0;font-size:15px}#card-status{color:var(--amber);margin:0 0 8px}#card-mood{margin:0 0 12px}#card-mood h4{color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:600}#card-mood .bar{grid-template-columns:7.5em 1fr;align-items:center;gap:8px;display:grid}#card-mood meter{width:100%;height:10px}#card-mood p{margin:2px 0 8px;font-size:13px}#card-rows{grid-template-columns:max-content 1fr;gap:3px 14px;margin:0;display:grid}#card-rows dt{color:var(--muted)}#card-rows dd{font-variant-numeric:tabular-nums;margin:0}#card-ficha h4{color:var(--muted);margin:14px 0 6px;font-size:13px}#card-ficha-text{white-space:pre-wrap;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;margin:0;padding:8px 10px;font:13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.hash{font-family:var(--mono);color:var(--muted);word-break:break-all;font-size:10px}#inside-gaceta h3{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin:14px 0 6px;font-size:13px}#inside-gaceta #gaceta-parte-title{text-transform:none;letter-spacing:0;color:var(--text);font-size:14px}#gaceta-front,#gaceta-datos,#gaceta-avisos{gap:4px;margin:0;padding:0;list-style:none;display:grid}#gaceta-front li,#gaceta-datos li{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;grid-template-columns:max-content 1fr;gap:10px;padding:5px 8px;font-size:13px;display:grid}#gaceta-front time,#gaceta-datos time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}#gaceta-front li[data-kind=leader],#gaceta-front li[data-kind=golden_day]{border-color:#5a4a22}#gaceta-front li[data-kind=parte] span{color:var(--muted)}#gaceta-front li[data-kind=aviso],#gaceta-avisos li{color:var(--amber)}#gaceta-avisos li{padding-left:14px;font-size:13px;position:relative}#gaceta-avisos li:before{content:"⚑";position:absolute;left:0}#gaceta-parte p{margin:4px 0;font-size:13px}#inside-gaceta .quiet{color:var(--muted);font-size:12px;font-style:italic}#inside[data-form=frame] #inside-panel{border-radius:10px;width:min(880px,100vw - 48px);max-height:calc(100dvh - 48px);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #0000008c}#inside[data-form=sheet] #inside-panel{padding-bottom:env(safe-area-inset-bottom,0px);border-radius:14px 14px 0 0;bottom:0;left:0;right:0}#inside[data-form=sheet] #inside-head{cursor:grab;touch-action:none}#inside[data-form=sheet] #inside-head:before{content:"";background:var(--line);border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:4px;left:50%}#inside[data-form=sheet] #inside-panel{padding-top:6px}@media (width<=600px){.clock,.where{display:none}#topbar{gap:8px;padding:4px 8px}.brand{letter-spacing:.1em;font-size:12px}.badge{letter-spacing:.04em;padding:2px 5px;font-size:10px}#at-label{flex:1 0 100%;order:-1;min-width:0;font-size:12px}#controls{gap:6px}#parte{font-size:11px}}#credits{background:var(--panel);max-width:min(560px,100vw - 32px);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:14px 18px}#credits::backdrop{background:#06080e9e}#credits h2{margin:0 0 8px;font-size:15px}#credits ul{gap:6px;margin:0 0 12px;padding-left:18px;font-size:13px;display:grid}#credits a{color:var(--blue)}#credits button,#controls button.minor{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:6px;min-height:36px;padding:4px 12px}#controls button.minor{color:var(--muted)}#topbar .door{border:1px solid var(--line);min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:3px 10px;font-size:12px}#topbar .door:hover,#topbar .door:focus-visible{color:var(--text);border-color:var(--blue);outline:none}#mine{z-index:11;position:fixed;inset:0}#mine-backdrop{background:#06080e9e;position:absolute;inset:0}#mine-panel{background:var(--panel);border:1px solid var(--line);flex-direction:column;display:flex;position:absolute;overflow:hidden}#mine-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex}#mine-title{letter-spacing:.04em;flex:auto;margin:0;font-size:15px}#mine-head button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:6px;min-width:40px;min-height:40px}#mine-body{overscroll-behavior:contain;flex:auto;padding:12px 14px 16px;overflow:auto}#mine[data-form=frame] #mine-panel{border-radius:10px;width:min(880px,100vw - 48px);max-height:calc(100dvh - 48px);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #0000008c}#mine[data-form=sheet] #mine-panel{max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom,0px);border-radius:14px 14px 0 0;bottom:0;left:0;right:0}#mine form{gap:6px;max-width:420px;margin:0 auto;display:grid}#mine label{color:var(--muted);margin-top:6px;font-size:13px}#mine input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;width:100%;min-height:40px;padding:8px 10px;font-size:16px}#mine input:focus-visible{outline:2px solid var(--blue);outline-offset:0}#mine button.primary{cursor:pointer;background:#1d3a5e;border:1px solid #2f5f9a;border-radius:6px;min-height:42px;margin-top:12px;font-weight:700}#mine button.link{color:var(--blue);cursor:pointer;text-align:left;background:0 0;border:0;min-height:36px;padding:8px 0}#mine button.minor{border:1px solid var(--line);background:var(--panel-2);min-height:36px;color:var(--muted);cursor:pointer;border-radius:6px;margin-top:14px;padding:4px 12px}#mine button:disabled{opacity:.5;cursor:default}#mine .lead{color:var(--muted);margin:0 0 6px;font-size:13px}#mine-error{color:#ffc9c9;background:#f06a6a1f;border:1px solid #6b2f2f;border-radius:6px;max-width:420px;margin:0 auto 10px;padding:8px 10px}#mine-status{color:var(--muted)}#mine h3{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin:16px 0 6px;font-size:13px}#mine-rows{grid-template-columns:max-content 1fr;gap:3px 14px;margin:0;display:grid}#mine-rows dt{color:var(--muted)}#mine-rows dd{font-variant-numeric:tabular-nums;margin:0}#mine-ficha-text{white-space:pre-wrap;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;margin:0;padding:8px 10px;font:13px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}#mine-ficha-note{color:var(--amber)}#mine-none{color:var(--muted);font-style:italic}#mine .scroll{overflow-x:auto}#mine-closed{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}#mine-closed th{color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:3px 6px;font-weight:500}#mine-closed td{border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap;padding:4px 6px}#mine-closed td:nth-child(4){white-space:normal;min-width:10em}#controls .door{color:var(--muted)}
