.play-stats-page{background:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),var(--background);background-size:58px 58px;min-height:100vh;padding:0 32px 30px;position:relative;overflow:hidden}.play-stats-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% -5%,#407de524,#0000 34%),radial-gradient(circle at 20% 28%,#6f43d414,#0000 28%);position:absolute;inset:0}.play-stats-glow{pointer-events:none;background:#3970d50f;border-radius:50%;width:420px;height:420px;position:absolute;top:360px;right:-220px}.play-stats-header,.play-stats-hero,.play-stats-summary,.play-stats-workspace,.play-history,.play-local-note,.play-stats-footer{z-index:1;width:min(1180px,100%);margin-inline:auto;position:relative}.play-stats-back:hover{color:#fff;background:#2f63c21a;border-color:#5b8fed61}.play-stats-hero{grid-template-columns:auto minmax(0,1fr) 190px;align-items:center;gap:20px;padding:58px 0 32px;display:grid}.play-stats-icon{color:#77a6ff;background:linear-gradient(145deg,#346cd233,#5637a90d);border:1px solid #6397f54d;border-radius:18px;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 18px 55px #2550a324}.play-stats-icon svg{width:30px;height:30px}.play-stats-hero>div>span,.play-record-form>header>span,.play-goal-panel>header>span,.play-history>header span{color:#719eea;font:700 12px var(--font-geist-mono),monospace;letter-spacing:.17em}.play-stats-hero h1{color:#f4f7fc;letter-spacing:-.058em;word-break:keep-all;margin:9px 0 10px;font-size:clamp(35px,4.4vw,51px);line-height:1.04}.play-stats-hero h1 em{color:#75a1f1;font-style:normal}.play-stats-hero p{color:#838e9f;word-break:keep-all;max-width:730px;margin:0;font-size:13px;line-height:1.7}.play-stats-hero>aside{background:#20468c12;border:1px solid #5b8fed38;border-radius:14px;padding:17px}.play-stats-hero>aside strong{color:#e7efff;font:700 24px var(--font-geist-mono),monospace;display:block}.play-stats-hero>aside strong small{color:#71809a;font-size:var(--font-size-meta)}.play-stats-hero>aside span{color:#71809a;font-size:var(--font-size-meta);margin-top:4px;display:block}.play-stats-hero>aside div{background:#1c2432;border-radius:99px;height:4px;margin-top:13px;overflow:hidden}.play-stats-hero>aside i{border-radius:inherit;background:linear-gradient(90deg,#4a7fe0,#8b75eb);height:100%;transition:width .3s;display:block}.play-royale-link{z-index:1;width:min(1180px,100%);min-height:105px;color:inherit;background:linear-gradient(135deg,#5632a11f,#0f172826);border:1px solid #9467e83d;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:0 auto 14px;padding:18px 20px;text-decoration:none;display:grid;position:relative}.play-royale-link:hover{background:linear-gradient(135deg,#6739be2e,#17233c33);border-color:#ab78f766}.play-royale-link>span{color:#d6ae68;background:#a96d180f;border:1px solid #d39e4238;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.play-royale-link>span svg{width:23px;height:23px}.play-royale-link small{color:#a77ce7;font:700 12px var(--font-geist-mono),monospace;letter-spacing:.14em;display:block}.play-royale-link strong{color:#dcd6e7;font-size:var(--font-size-meta);margin-top:5px;display:block}.play-royale-link p{color:#697285;font-size:var(--font-size-meta);margin:5px 0 0}.play-royale-link>svg{color:#9e82ca;width:20px;height:20px}.play-stats-summary{grid-template-columns:repeat(3,1fr) 1.35fr;gap:9px;display:grid}.play-stats-summary article{border:1px solid var(--border);background:#090d15eb;border-radius:13px;min-height:116px;padding:17px}.play-stats-summary article>span{color:#647084;font-size:var(--font-size-meta)}.play-stats-summary article>strong{color:#e1e7f0;font:700 23px var(--font-geist-mono),monospace;margin-top:9px;display:block}.play-stats-summary article>strong small{color:#6d788a;font-size:var(--font-size-meta);margin-left:2px}.play-stats-summary article>p{color:#5b6678;font-size:var(--font-size-meta);margin:7px 0 0}.play-stats-summary article.reward{background:linear-gradient(135deg,#5232ab1c,#131d311f);border-color:#755ad83d}.play-stats-summary article.reward>strong{color:#c9baff;min-height:34px;font:650 12px/1.5 var(--font-geist),sans-serif}.play-stats-summary article.reward a{color:#8faeef;font-size:var(--font-size-meta);align-items:center;gap:5px;text-decoration:none;display:flex}.play-stats-summary article.reward a svg{width:14px;height:14px}.play-stats-workspace{border:1px solid var(--border-strong);background:#090d15f2;border-radius:18px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);margin-top:14px;display:grid;overflow:hidden}.play-record-form{border-right:1px solid var(--border);padding:27px}.play-record-form h2,.play-goal-panel h2,.play-history h2{color:#e7ebf2;letter-spacing:-.03em;margin:6px 0 0;font-size:18px}.play-record-form header p,.play-goal-panel header p{color:#657083;font-size:var(--font-size-meta);margin:7px 0 0;line-height:1.55}.play-form-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:19px;display:grid}.play-form-grid label>span,.play-form-grid legend,.play-goal-panel label>span{color:#8d98a8;font-size:var(--font-size-meta);margin-bottom:8px;font-weight:650;display:block}.play-form-grid input,.play-form-grid textarea,.play-goal-panel input,.play-goal-panel textarea{border:1px solid var(--border);color:#d5dce6;width:100%;min-height:43px;font-size:var(--font-size-meta);background:#03060b8f;border-radius:9px;outline:0;padding:0 12px}.play-form-grid textarea,.play-goal-panel textarea{resize:vertical;height:74px;padding-block:11px;line-height:1.55}.play-form-grid input:focus,.play-form-grid textarea:focus,.play-goal-panel input:focus,.play-goal-panel textarea:focus{border-color:#5b8fed6b;box-shadow:0 0 0 3px #2f63c20f}.play-form-grid .brand-select{width:100%}.play-form-grid .wide{grid-column:1/-1}.play-form-grid fieldset{border:0;margin:0;padding:0}.play-form-grid fieldset>div{border:1px solid var(--border);background:#03060b73;border-radius:9px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.play-form-grid fieldset button{color:#707b8d;min-height:35px;font-size:var(--font-size-meta);cursor:pointer;background:0 0;border:0;border-radius:6px}.play-form-grid fieldset button.selected{color:#e8effc;background:#4272c829}.play-form-grid fieldset button.selected.loss{background:#b5425024}.play-form-grid fieldset button.selected.draw{background:#8f764424}.play-duration{position:relative}.play-duration small,.play-goal-panel label>div small{color:#687489;font-size:var(--font-size-meta);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.play-duration input{padding-right:34px}.play-save-button{color:#eef4ff;min-height:44px;font-size:var(--font-size-meta);cursor:pointer;background:linear-gradient(135deg,#326acf4d,#593fb338);border:1px solid #5b8fed57;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:13px;padding:0 18px;font-weight:700;display:flex}.play-save-button:hover{background:linear-gradient(135deg,#326acf6b,#593fb34d)}.play-save-button svg{width:18px;height:18px}.play-record-form>p{color:#667286;min-height:15px;font-size:var(--font-size-meta);margin:9px 0 0}.play-goal-panel{background:radial-gradient(circle at 100% 0,#3e70d014,#0000 35%),#04070c47;padding:27px}.play-goal-panel>label{margin-top:18px;display:block}.play-goal-panel label>div{position:relative}.play-goal-panel label>div input{padding-right:34px}.play-balance-card{background:#4f349e0e;border:1px solid #755ad82e;border-radius:10px;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;display:flex}.play-balance-card>svg{color:#9b87e7;flex:none;width:20px;height:20px}.play-balance-card span{flex-direction:column;gap:5px;display:flex}.play-balance-card strong{color:#b8b0d8;font-size:var(--font-size-meta)}.play-balance-card small{color:#665f7b;font-size:var(--font-size-meta);line-height:1.5}.play-goal-panel nav{gap:7px;margin-top:14px;display:grid}.play-goal-panel nav a{border:1px solid var(--border);color:#8fa4cb;min-height:40px;font-size:var(--font-size-meta);background:#ffffff05;border-radius:9px;justify-content:space-between;align-items:center;padding:0 12px;text-decoration:none;display:flex}.play-goal-panel nav a:hover{color:#bed0f2;border-color:#5b8fed42}.play-goal-panel nav svg{width:15px;height:15px}.play-history{border:1px solid var(--border);background:#090d15eb;border-radius:17px;margin-top:14px;padding:25px 27px}.play-history>header{justify-content:space-between;align-items:end;display:flex}.play-history>header>strong{color:#697589;font:700 12px var(--font-geist-mono),monospace}.play-history-list{gap:7px;margin-top:18px;display:grid}.play-history-list article{border:1px solid var(--border);background:#03060b61;border-radius:10px;grid-template-columns:38px 1fr 36px;align-items:center;gap:11px;min-height:69px;padding:11px 12px;display:grid}.play-history-list .result{color:#7cd39f;width:38px;height:38px;font-size:var(--font-size-meta);background:#2e87541a;border-radius:10px;place-items:center;font-weight:800;display:grid}.play-history-list .result.loss{color:#db8790;background:#992f3d1a}.play-history-list .result.draw{color:#c5a572;background:#9265241a}.play-history-list article>div>strong{color:#c3cbd7;font-size:var(--font-size-meta);align-items:center;gap:8px;display:flex}.play-history-list article>div>strong small{color:#778397;font-size:var(--font-size-meta);background:#ffffff0a;border-radius:5px;padding:3px 5px}.play-history-list article p{color:#697486;font-size:var(--font-size-meta);margin:4px 0}.play-history-list article>div>small{color:#515c6d;font-size:var(--font-size-meta)}.play-history-list article>button{color:#5f6979;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.play-history-list article>button:hover{color:#d27782;background:#9d334114}.play-history-list article>button svg{width:17px;height:17px}.play-history-empty{border:1px dashed var(--border);color:#5e697b;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;margin-top:18px;display:flex}.play-history-empty svg{color:#627fae;width:29px;height:29px}.play-history-empty strong{color:#aeb7c4;font-size:var(--font-size-meta);margin-top:12px}.play-history-empty p{font-size:var(--font-size-meta);margin:7px 0 0}.play-local-note{color:#637088;background:#274e9509;border:1px solid #5b8fed26;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:16px 19px;display:flex}.play-local-note svg{color:#7296d5;flex:none;width:20px;height:20px}.play-local-note p{font-size:var(--font-size-meta);margin:0;line-height:1.55}.play-local-note strong{color:#95a9cd}.play-stats-footer{margin-top:27px}@media (width<=900px){.play-stats-hero{grid-template-columns:auto 1fr}.play-stats-hero>aside{grid-column:1/-1}.play-stats-summary{grid-template-columns:1fr 1fr}.play-stats-workspace{grid-template-columns:1fr}.play-record-form{border-right:0;border-bottom:1px solid var(--border)}}@media (width<=620px){.play-stats-page{padding-inline:18px}.play-stats-header{min-height:76px}.play-stats-brand img{width:126px}.play-stats-back{justify-content:center;width:42px;height:42px;padding:0;font-size:0}.play-stats-hero{grid-template-columns:1fr;padding-top:44px}.play-stats-hero h1{font-size:36px}.play-stats-hero>aside{grid-column:auto}.play-stats-summary{grid-template-columns:1fr}.play-record-form,.play-goal-panel,.play-history{padding:20px 16px}.play-form-grid{grid-template-columns:1fr}.play-form-grid .wide{grid-column:auto}.play-history-list article{grid-template-columns:34px 1fr 32px}.play-history-list .result{width:34px;height:34px}.play-royale-link{grid-template-columns:auto 1fr;padding:16px}.play-royale-link>svg{display:none}.play-royale-link p{line-height:1.5}}@media (prefers-reduced-motion:reduce){.play-stats-page *{scroll-behavior:auto!important;transition:none!important}}