.result-modal{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#071220ab;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.result-dialog{width:95%;height:94%;min-height:0;padding:14px 18px 12px;display:grid;grid-template-rows:auto minmax(0,1fr) 32px;gap:10px;border:3px solid #ac8250;border-radius:16px;background:#fff9e6;color:#3e3931;box-shadow:inset 0 0 0 2px #fff,0 14px 38px #0006;font-size:12px;color-scheme:light;font-variant-numeric:tabular-nums}.result-summary{display:grid;gap:14px;min-width:0;padding:6px 0 0}.result-song{display:flex;align-items:baseline;gap:14px;min-width:0}.result-title{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:22px;font-weight:700}.result-chart{flex-shrink:0;margin:0;color:#8e754d;font-size:12px;font-weight:600;white-space:nowrap}.result-scoreline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px 32px;min-width:0}.result-total{display:grid;flex:1 1 320px;min-width:0}.result-section-label{color:#8e754d;font-family:var(--font-mono);font-size:11px;line-height:1;letter-spacing:.16em}.result-total__value{display:flex;flex-wrap:wrap;align-items:center;column-gap:20px;row-gap:10px;min-width:0;margin-top:5px}.result-score{min-width:0;overflow:hidden;color:#3e3931;font-family:var(--font-display);font-size:58px;font-weight:700;line-height:.92;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.result-metrics{display:flex;flex:0 0 auto;flex-direction:column;gap:8px;padding-left:18px;border-left:1px solid #e0cea6}.result-metric{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.result-metric span{color:#8e754d;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.result-metric b{color:#995519;font-family:var(--font-mono);font-size:21px;line-height:1;font-variant-numeric:tabular-nums}.result-stats{display:grid;flex:1 1 520px;grid-template-columns:repeat(6,minmax(0,1fr));max-width:660px;margin:0;border:1px solid #d5bd8b;background:#fffdf3}.result-stat{min-width:0;padding:10px 12px 11px;border-left:1px solid #eadaba}.result-stat:first-child{border-left:0}.result-stat dt{overflow:hidden;color:#8e754d;font-family:var(--font-mono);font-size:10px;font-weight:600;line-height:1;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.result-stat dd{margin:6px 0 0;overflow:hidden;color:#654626;font-family:var(--font-mono);font-size:21px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.result-stat--miss dd{color:#a5372c}.result-stat--combo dd{color:#995519}.result-stat--jam dd{color:#70502c}.result-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:right}.result-table .score-col{width:86px}.result-table th,.result-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-board{display:flex;flex-direction:column;min-height:0;padding:12px 14px;border:1px solid #d5bd8b;border-radius:9px;background:#fffdf3;box-shadow:inset 0 0 0 1px #fff}.result-board h2{display:flex;justify-content:space-between;flex-shrink:0;margin:0 0 8px;color:#70502c;font-size:13px;line-height:18px;font-weight:700}.result-board h2 span{color:#8e754d;font-size:10px;font-weight:600}.result-ranking-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c5a367 #f3e6c5}.result-ranking{border-collapse:separate;border-spacing:0}.result-ranking .rank-col{width:40px}.result-ranking .player-col{width:136px}.result-ranking .accuracy-col{width:68px}.result-ranking .score-col{width:76px}.result-identity{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%}.result-avatar{flex:0 0 24px;width:24px;height:24px;border-radius:50%;object-fit:cover;background:#e6d6b1}.result-nickname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-player{padding:0}.result-player .result-player__link{display:block;width:100%;min-width:0;min-height:0;padding:0;-webkit-appearance:none;appearance:none;color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;text-shadow:none;cursor:pointer;transition:none}.result-player .result-player__link:hover,.result-player .result-player__link:focus-visible{color:inherit;background:transparent;border-color:transparent;box-shadow:none}.result-player .result-player__link:active{transform:none}.result-player__link:hover .result-nickname,.result-player__link:focus-visible .result-nickname{text-decoration:underline;text-underline-offset:2px}.result-player__link:hover .result-avatar{filter:brightness(1.08)}.result-ranking thead th{position:sticky;top:0;z-index:1;height:30px;padding:0 8px;border-top:1px solid #ebdbb4;border-bottom:1px solid #d9c294;background:#f3e6c5;color:#795c35;font-size:12px;font-weight:700;letter-spacing:.03em;text-align:center}.result-ranking tbody td,.result-ranking tbody th{height:36px;padding:3px 6px;border-bottom:1px solid #ece2c8;color:#645032;font-size:13px;font-weight:500;text-align:center}.result-ranking th:first-child,.result-ranking td:first-child{text-align:center;color:#90784f}.result-ranking th:nth-child(2),.result-ranking .result-player{text-align:left}.result-ranking tbody td:last-child{font-weight:700}.result-ranking tbody tr:last-child>*{border-bottom:0}.result-ranking tbody .is-current>*{background:#fae3a3;color:#714310;border-bottom-color:#dbb66c;font-weight:700}.result-ranking tbody .is-current>:first-child{box-shadow:inset 3px 0 #b98b30}.result-ranking tbody .result-empty{height:200px;color:#8e7d58;text-align:center}.result-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.result-status{min-width:0;color:#8e754d;font-size:11px;line-height:16px;overflow-wrap:anywhere}.result-actions{display:flex;flex-shrink:0;gap:8px}.result-actions>button,.result-actions .rating-toggle{min-width:58px;height:30px;padding:0 13px;border:1px solid #b69b69;border-radius:6px;background:linear-gradient(#fffdf2,#f0e1b7);color:#645032;font-size:12px;font-weight:600;box-shadow:inset 0 1px #fff9;transition:filter .15s,border-color .15s}.result-actions #result-retry{border-color:#b98b30;background:linear-gradient(#ffe6a1,#edb943);color:#593917}.result-actions>button:hover,.result-actions .rating-toggle:hover{filter:brightness(1.07)}.result-actions>button:active,.result-actions .rating-toggle:active{transform:translateY(1px)}.result-rating{position:relative;flex-shrink:0;align-self:center}.result-rating button{cursor:pointer;color:#70502c}.rating-toggle,.rating-submit{border:1px solid #b69b69;border-radius:5px;background:#fff4d6;padding:4px 12px;font-size:12px}.result-rating button:disabled{cursor:default;opacity:.5}.rating-panel{position:absolute;right:0;bottom:32px;z-index:4;width:304px;padding:14px;border:1px solid #b69b69;border-radius:8px;background:#fff9e6;box-shadow:0 5px 18px #49321230}.rating-stars{display:flex}.rating-star{position:relative;display:flex;width:27px;height:32px}.star-empty,.star-fill{position:absolute;inset:0;width:100%;height:100%;fill:currentColor;pointer-events:none;overflow:hidden}.star-empty{color:#d7c8a8}.star-fill{color:#c28a21;clip-path:inset(0 calc(100% - var(--fill, 0%)) 0 0)}.rating-star button{position:relative;width:50%;height:100%;padding:0;border:0;background:transparent}.rating-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.rating-value{color:#70502c;font-size:15px;font-weight:700}.rating-status:empty{display:none}.rating-status{position:absolute;right:0;bottom:32px;z-index:5;white-space:nowrap;padding:4px 8px;border-radius:4px;background:#fff9e6;color:#a13c28;font-size:11px}.rating-panel:not([hidden])~.rating-status{bottom:143px}.result-experience{position:relative;display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);align-items:center;gap:26px;min-height:76px;padding:12px 18px;overflow:hidden;border:1px solid #d5bd8b;background:linear-gradient(90deg,#fff4d6,#fffdf3 36%);font-variant-numeric:tabular-nums;animation:result-exp-in .32s cubic-bezier(.2,.75,.25,1) both}@keyframes result-exp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.result-exp__gain{display:grid;gap:2px;min-width:0}.result-exp__label{color:#8e754d;font-family:var(--font-mono);font-size:10px;line-height:1;letter-spacing:.14em}.result-exp__amount{color:#995519;font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1;white-space:nowrap}.result-exp__amount small{margin-left:4px;color:#8e754d;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em}.result-exp__note{overflow:hidden;color:#8e754d;font-family:var(--font-mono);font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.result-exp__body{min-width:0}.result-exp__readout{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}.result-exp__levels{display:flex;align-items:baseline;min-width:0;color:#70502c;font-family:var(--font-display);font-size:19px;line-height:1;white-space:nowrap}.result-exp__levels b{color:#3e3931;font-size:22px;font-weight:700;letter-spacing:.03em}.result-exp__levels i{margin:0 7px;color:#b69b69;font-style:normal}.result-exp__levels span{color:#8e754d;font-size:16px;letter-spacing:.03em}.result-exp__values{flex:0 0 auto;color:#8e754d;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;white-space:nowrap}.result-exp__track{position:relative;height:10px;overflow:hidden;background:#eadcb8;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.result-exp__track:before{content:"";position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(255,255,255,.32) calc(10% - 1px) 10%);pointer-events:none}.result-exp__bar{position:relative;display:block;width:0;height:100%;background:linear-gradient(90deg,#b7861d,#ffd241 58%,#fff4ae);box-shadow:0 0 12px #ffd24180}.result-exp__bar:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:#fffceb;box-shadow:0 0 8px #fff8c8}.result-exp__levelup{position:absolute;z-index:3;left:50%;top:50%;color:#9a5b10;font-family:var(--font-display);font-size:44px;font-style:italic;font-weight:700;line-height:1;letter-spacing:.14em;text-shadow:0 0 22px rgba(255,210,65,.65);opacity:0;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap}.result-exp__flash{position:absolute;z-index:2;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,210,65,.34),transparent 62%);opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.result-experience{animation:none}}