/* Pane Riot illustration. */
html.tt-shell .gift-copy small {display:block;color:var(--muted);font-size:14px;margin-top:5px;line-height:1.5}
html.tt-shell .play-note {border-left:3px solid var(--accent);padding-left:14px}
html.tt-shell .preview-caption {position:absolute;left:12px;right:12px;bottom:12px;text-align:center;color:#c7cdc9;font-size:14px;pointer-events:none}
html.tt-shell #practice {scroll-margin-top:24px}
html.tt-shell .switch span {max-width:85%}
.source-page body {margin:0;overflow:hidden;background:transparent;font-family:"Segoe UI",Arial,sans-serif}
html.source-page[data-transparent="0"],html.source-page[data-transparent="0"] body {background:var(--tt-source-bg,#15191c)!important}
.source-page #pane-stage {position:absolute;width:1080px;height:1920px;transform-origin:top left;color:#fcf3db}
.source-page #pane-stage * {box-sizing:border-box}
.pr-capture {position:absolute;top:284px;left:40px;width:1000px}
.pr-board {position:relative;overflow:hidden;border:2px solid #a38a54;border-radius:28px;background:#1b2b2d;box-shadow:0 22px 70px #0006}
.pr-heading {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 32px 21px;background:linear-gradient(120deg,#253c3e,#16272b);border-bottom:1px solid #ddbb6455}
.pr-brand {font-size:22px;letter-spacing:3px;color:#dccc9d;font-weight:700;margin:0 0 5px}
.pr-brand span {font-size:18px;letter-spacing:2px;color:#9eb1ac;margin-left:20px}
.pr-heading h1 {font:900 74px/.97 Georgia,"Times New Roman",serif;letter-spacing:-3px;color:#fff0ce;margin:0;text-shadow:0 3px 0 #0b191c}
.pr-heading h1 span {color:#ffcf64;font-style:italic}.pr-heading h1 i {font-style:normal;color:#e89843}
.pr-clock {padding:11px 19px 10px;text-align:center;min-width:156px;border:1px solid #a08c5788;border-radius:14px;background:#0e2428;box-shadow:inset 0 2px 9px #0005}
.pr-clock span {display:block;font-size:22px;letter-spacing:2px;color:#b4c7c0}.pr-clock strong {display:block;font-size:49px;line-height:1.15;font-variant-numeric:tabular-nums;color:#ffe1a0}
.pr-hud {display:flex;align-items:center;gap:32px;padding:19px 31px;background:linear-gradient(#f8dfaa,#dcb677);color:#3d382a;border-top:2px solid #fff2c0;border-bottom:3px solid #785d39}
.pr-floors {width:268px;flex:none}.pr-floors>span {display:block;font-size:22px;letter-spacing:1.5px;font-weight:800}.pr-floors strong {font-size:61px;line-height:1.06;font-weight:900}.pr-floors small {font-size:30px;font-weight:650;margin-left:12px;color:#726047}
.pr-energy {flex:1}.pr-energy p {margin:0 0 10px;display:flex;justify-content:space-between;font-size:23px;font-weight:800}.pr-track {height:20px;border:2px solid #8e713f;border-radius:20px;background:#6d674e;overflow:hidden;box-shadow:inset 0 2px 5px #0005}.pr-track i {display:block;width:100%;height:100%;border-radius:12px;background:linear-gradient(#b8d5a8,#648b69);border-top:2px solid #d4ecc6;transition:width .1s}
.pr-lives {display:grid;grid-template-columns:auto auto;align-items:center;column-gap:9px;min-width:98px;text-align:center}.pr-heart {font-size:42px;color:#a44736;text-shadow:0 2px 0 #773d2e}.pr-lives strong {font-size:40px}.pr-lives small {grid-column:1/-1;font-size:20px;letter-spacing:2px;font-weight:800}
.pr-play {position:relative;overflow:hidden;background:#45616a}.pr-play canvas {display:block;width:100%;height:auto;touch-action:manipulation}
.pr-floor-plaque {position:absolute;left:26px;top:21px;font-size:23px;letter-spacing:2px;padding:10px 14px;background:#243d3fed;border:1px solid #d0b379;border-radius:7px;box-shadow:0 4px 0 #16272baa;color:#ffe2a4;font-weight:800}
.pr-effect-tag {position:absolute;bottom:28px;left:50%;transform:translateX(-50%);padding:10px 26px;max-width:90%;white-space:nowrap;font-size:31px;font-weight:850;color:#fff0b4;background:#183339ee;border:2px solid #efcb7c;border-radius:30px;box-shadow:0 5px 18px #092d3966}
.pr-strip {padding:15px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#12272b;border-top:2px solid #b29462;color:#d1ded4;font-size:25px}.pr-strip strong {font-size:23px;color:#f2cf7d;font-weight:700;white-space:nowrap}
.pr-gifts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 20px 13px;background:#213538;min-height:144px}
.pr-gift {display:flex;align-items:center;gap:11px;min-width:0;padding:14px 11px;background:linear-gradient(135deg,#354b48,#243a3c);border:1px solid #6b7e64;border-radius:12px;box-shadow:inset 0 1px #d6e7b81a}
.pr-gift img {flex:none;width:61px;height:67px;object-fit:contain;filter:drop-shadow(0 3px 4px #0005)}
.pr-gift>div {min-width:0}.pr-gift strong {display:block;font-size:30px;line-height:1.13;color:#fff0c5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pr-gift small {display:block;font-size:24px;color:#b9cec3;margin:4px 0}.pr-gift span {display:block;font-size:27px;font-weight:650;color:#ffdf8d;line-height:1.2}
.pr-gifts-empty {grid-column:1/-1;font-size:28px;text-align:center;color:#b9c9c1;align-self:center}
.pr-foot {display:flex;justify-content:space-between;padding:0 24px 15px;background:#213538;color:#a6bcb0;font-size:20px;letter-spacing:1.5px;font-weight:700}
.pr-recent {display:flex;align-items:center;gap:16px;margin-top:17px;min-height:79px;border:1px solid #879c7d;border-radius:16px;padding:14px 21px;background:#172e30f7;font-size:27px;color:#f9e8ba;box-shadow:0 5px 20px #0003}.pr-recent>span:last-child {min-width:0;overflow-wrap:anywhere}.pr-recent strong {color:#fff5d9}.pr-recent .tt-core-avatar {flex:none;border:1px solid #a1b59b}
.pr-result {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px;text-align:center;background:radial-gradient(ellipse,#243d3dee,#112a2df5);color:#fae9b9;z-index:3;backdrop-filter:blur(5px)}
.pr-result small {font-size:26px;letter-spacing:4px;color:#bbcec0}.pr-result strong {font-family:Georgia,serif;font-size:76px;line-height:1.1;max-width:750px;margin:20px 0;color:#ffe09a}.pr-result p {font-size:32px;line-height:1.45;margin:10px 0;max-width:760px}
.pr-mode {position:absolute;top:234px;left:40px;width:1000px;font-size:26px;font-weight:700;letter-spacing:2px;text-align:center;color:#ffd477}.pr-mode:empty {display:none}
.source-page #pane-stage .tt-core-overlay-status {position:absolute;left:40px;top:32px;width:1000px;max-width:none;transform:none;margin:0}
.source-page #pane-stage .tt-core-notice {font-size:28px;padding:19px 24px;background:#182b2ef5;border-color:#bda469;color:#eadcb5}.source-page #pane-stage .tt-core-notice strong {font-size:31px;color:#ffe0a0}
.source-page #pane-stage [hidden] {display:none!important}
.source-page #pane-stage .tt-core-pill {display:none!important}