.round-history-tools{display:flex;gap:10px;margin:18px 0}.round-button{border:1px solid #806839;background:linear-gradient(140deg,#282319,#15171b);color:#ecd39e;border-radius:9px;padding:11px 16px;font-weight:600}.round-button:hover{border-color:#d5b76d}.round-button:disabled{opacity:.45;cursor:default}.round-intro,.round-note,.round-reference{color:#a5afbd;line-height:1.6}.round-reference{overflow-wrap:anywhere;font-size:12px}.round-list{display:grid;gap:10px;margin:16px 0}.round-row{display:grid;grid-template-columns:minmax(150px,1fr) 140px 140px auto;align-items:center;gap:16px;border:1px solid #33302a;border-radius:12px;background:#10151a;padding:18px}.round-row-game,.round-row-value{display:grid;gap:7px}.round-row small,.round-summary small{color:#a0acb9;font-size:12px}.round-row strong{font-variant-numeric:tabular-nums}.round-dialog{color:#e8e9eb;background:#0c1015;border:1px solid #8e713e;border-radius:18px;width:min(1000px,calc(100vw - 28px));max-height:90dvh;padding:0;box-shadow:0 25px 100px #000b}.round-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.round-dialog-header{position:static;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #34302a;background:linear-gradient(130deg,#201d17,#0e1218)}.round-dialog-header small{color:#d6b66c;font-size:10px;letter-spacing:2px}.round-dialog h2{margin:6px 0 0;font-size:22px}.round-close{font-size:26px;width:38px;height:38px;border:1px solid #4b453b;border-radius:50%;color:#ead29e}.round-dialog-body{padding:20px 24px}.round-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.round-summary>div{display:grid;gap:8px;padding:15px;border:1px solid #34302a;border-radius:10px;background:#15191e}.round-summary strong{font-size:21px}.round-stage{position:relative;background:#080a0d;min-height:240px;height:clamp(260px,48vw,500px);border-radius:12px;overflow:hidden;border:1px solid #302e28}.round-frame{height:100%;width:100%;border:0}.round-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#ceb577;padding:30px;background:#0b0f14}.round-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.round-step-count{margin-left:auto;color:#aeb9c7;font-size:13px}.round-message{border:1px solid #54472e;border-radius:12px;background:#191913;padding:24px;color:#e0c78e;line-height:1.7}.round-note{font-size:12px}.round-dialog [hidden]{display:none!important}
@media(max-width:700px){.round-row{grid-template-columns:1fr 1fr;gap:14px;padding:15px}.round-row-game{grid-column:1/-1}.round-row>.round-button{grid-column:1/-1}.round-dialog-header,.round-dialog-body{padding:16px}.round-dialog h2{font-size:18px}.round-summary{gap:6px}.round-summary>div{padding:10px}.round-summary strong{font-size:15px}.round-controls .round-button{padding:10px;font-size:12px}.round-step-count{width:100%;margin:0}.round-stage{height:280px}}

.gates-step{padding:24px;margin:16px 0;background:#20292d;border:1px solid #ffffff10;border-radius:10px}.gates-step-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.gates-step-heading h3{margin:0;font-size:16px}.gates-step-heading strong{font-size:14px;color:#d6bc83}.gates-symbol-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:440px;gap:3px;padding:8px;background:#172024;border:1px solid #53616b;border-radius:6px}.gates-symbol{position:relative;display:grid;place-items:center;aspect-ratio:1.12;min-width:0;border-radius:4px;border:1px solid transparent}.gates-symbol img{width:100%;height:100%;max-height:68px;object-fit:contain}.gates-symbol.is-winning{border-color:#d8b461;box-shadow:inset 0 0 12px #e9c66f30;background:#e9c66f0c}.hide-winning .gates-symbol.is-winning{border-color:transparent;box-shadow:none;background:none}.gates-step-total{color:#aab5bf;font-size:13px}.gates-step .round-button{margin-top:5px}@media(max-width:600px){.gates-step{padding:14px}.gates-step-heading{align-items:flex-start;flex-direction:column;gap:8px}.gates-symbol-grid{padding:5px;gap:2px}.gates-symbol img{max-height:48px}}

.panel-round-open{display:block;margin-top:8px;cursor:pointer}body:has(.workspace) .round-dialog{border-color:#7141c6;background:#091321}body:has(.workspace) .round-dialog-header{background:linear-gradient(130deg,#20153e,#0d192b)}body:has(.workspace) .round-dialog-header small{color:#b79aff}body:has(.workspace) .round-button{border-color:#6941a5;background:#231743;color:#e4d8ff}body:has(.workspace) .gates-step{background:#101d2d}

.native-round-frame{width:100%;height:min(70dvh,760px);min-height:380px;border:0;border-radius:10px;background:#fff}

.recorded-replay{margin:20px 0 28px;padding:22px;border:1px solid #9b7a40;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#46331c55,transparent 65%),#0c121b}.replay-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.replay-heading h3{font-size:20px;margin:0}.replay-badge{font-size:10px;letter-spacing:1.5px;color:#e1bf73;border:1px solid #78623d;border-radius:20px;padding:6px 10px}.replay-status{min-height:24px;color:#b8c3d3;font-size:14px}.replay-stage{display:flex;justify-content:center;padding:18px;background:#080d14;border:1px solid #283241;border-radius:12px;min-height:200px}.replay-grid{width:100%;max-width:470px;margin:auto;background:linear-gradient(150deg,#1c2533,#121b25);gap:4px}.replay-grid .gates-symbol{background:#ffffff03;overflow:hidden}.replay-grid .gates-symbol.is-winning{border-color:#edcd79;box-shadow:inset 0 0 18px #edcd7930,0 0 8px #edcd7920}.replay-grid .gates-symbol img{max-height:74px}.replay-symbol-enter{animation:replay-reveal .65s cubic-bezier(.2,.7,.2,1) both}@keyframes replay-reveal{from{opacity:0;transform:translateY(-12px) scale(.94)}to{opacity:1;transform:none}}.replay-figures{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.replay-figures>div{display:grid;gap:5px;border:1px solid #3b3530;border-radius:9px;background:#151a23;padding:12px 16px}.replay-figures small{color:#aeb9c8}.replay-figures strong{color:#eed097;font-size:23px;font-variant-numeric:tabular-nums}.replay-progress{display:block;width:100%;accent-color:#d4ad5d;cursor:pointer}.replay-count{display:block;color:#8e9db3;text-align:right;font-size:12px;margin:5px 0 12px}.replay-controls{display:flex;flex-wrap:wrap;gap:8px}.replay-controls .round-button{cursor:pointer}.replay-controls .round-button:first-child{background:linear-gradient(135deg,#e6c77b,#aa813c);color:#17130d;min-width:175px}.replay-speed{margin-left:auto;border:1px solid #615139;border-radius:9px;background:#171e29;color:#e3d1ac;padding:10px}body:has(.workspace) .recorded-replay{border-color:#7049aa;background:radial-gradient(ellipse at 50% 0,#6d36ad33,transparent 65%),#0c1421}body:has(.workspace) .replay-controls .round-button:first-child{background:linear-gradient(130deg,#7137f4,#a364f8);color:#fff}@media(max-width:600px){.recorded-replay{padding:14px}.replay-stage{padding:8px}.replay-heading h3{font-size:18px}.replay-figures strong{font-size:19px}.replay-controls .round-button:first-child{width:100%}.replay-controls .round-button{flex:1;padding:10px}.replay-grid .gates-symbol img{max-height:52px}}@media(prefers-reduced-motion:reduce){.replay-symbol-enter{animation:none}}
.recorded-replay .replay-grid{max-width:370px}.recorded-replay .replay-stage{padding:10px}@media(min-width:760px){.recorded-replay{display:grid;grid-template-columns:minmax(0,1fr)220px;column-gap:18px}.recorded-replay .replay-heading,.recorded-replay .replay-status{grid-column:1/-1}.recorded-replay .replay-stage{grid-column:1;grid-row:3/8}.recorded-replay .replay-figures{grid-column:2;grid-row:3;grid-template-columns:1fr;margin:0 0 8px}.recorded-replay .replay-progress{grid-column:2;grid-row:4;align-self:end}.recorded-replay .replay-count{grid-column:2;grid-row:5}.recorded-replay .replay-controls{grid-column:2;grid-row:6;display:grid;grid-template-columns:1fr 1fr;align-self:start}.recorded-replay .replay-controls .round-button{padding:10px 7px}.recorded-replay .replay-controls .round-button:first-child{grid-column:1/-1;min-width:0}.recorded-replay .replay-speed{margin:0;width:100%}.recorded-replay>.round-note{grid-column:1/-1;margin-bottom:0}}

.round-dialog.round-replay-focus .round-dialog-body>:not(.recorded-replay){display:none!important}.round-dialog.round-replay-focus .round-dialog-body{padding:16px 20px}.round-dialog.round-replay-focus .recorded-replay{margin:0}.replay-focus{padding:7px 10px;font-size:12px;cursor:pointer}.recorded-replay .replay-heading{flex-wrap:wrap}