@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#1b1921;--panel:#29252c;--panel2:#241f27;--ink:#f4ede6;--soft:#bfb0b7;--quiet:#8e828b;--red:#ad273a;--bright:#d7494e;--line:#49383e;--green:#4a976f;--lost:#ba4946;--shadow:rgba(14,9,15,.3)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;scroll-behavior:smooth}body{font-family:'DM Sans','Segoe UI',sans-serif;background:radial-gradient(ellipse 130% 70% at 88% 5%,#34303f 0,transparent 58%),radial-gradient(ellipse 90% 90% at -10% 58%,#38202a 0,transparent 55%),linear-gradient(155deg,#1c1922,#201b23 60%,#181820);color:var(--ink);padding:0;overflow-x:hidden}body:before{content:"";position:fixed;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#771b30,#ba2d3b 50%,#772b3b);z-index:2}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e58e81;outline-offset:3px}.site-frame{width:min(100%,650px);margin:0 auto;padding:25px 20px 30px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.identity{display:flex;align-items:center;gap:14px}.logo-shield{display:grid;place-items:center;width:48px;height:48px;background:#ac293c;border-radius:12px;box-shadow:0 9px 22px #09040845}.logo-shield img{width:31px;height:31px;filter:brightness(0) invert(1)}.identity-type strong{display:block;font-family:'Montserrat','Arial Black',sans-serif;white-space:nowrap;font-size:17px;font-weight:900;letter-spacing:-.04em}.identity-type b{font-weight:900;color:#f65b5e}.identity-type small{font-size:9px;display:block;color:var(--soft);letter-spacing:.24em;font-weight:700;margin-top:5px}.header-link{background:transparent;border:1px solid #53454b;border-radius:8px;color:#e7dcd9;font-weight:800;font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:.04em;padding:12px 15px;cursor:pointer;transition:.18s}.header-link:hover{background:#4b3039}.header-chart{font-size:16px;margin-right:5px}.notification{padding:13px 16px;margin-bottom:12px;background:#332934;border:1px solid #604553;color:#e7d9e0;font-size:12px}.notification.error{background:#4b262e;color:#fff0ee}.play-panel{background:linear-gradient(156deg,#322b31 0%,#292329 45%,#29252d 100%);border:1px solid #514048;border-radius:14px;box-shadow:0 22px 55px var(--shadow);padding:29px 30px 26px;position:relative}.play-panel:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#ae273a,#8c283c,#382d39)}.panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.overline{display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;letter-spacing:.16em;font-size:9px;font-weight:800;color:#d6b8b7;white-space:nowrap}.signal{width:6px;height:6px;border-radius:50%;background:#e35656}.hairline{width:16px;height:1px;background:#7d5b64}.panel-intro h1{font-family:'Montserrat','Arial Black',sans-serif;font-weight:900;font-size:clamp(28px,6vw,37px);letter-spacing:-.065em;line-height:1.04;margin:11px 0 7px}.panel-intro h1 span{font-size:19px;letter-spacing:-.015em;color:#df6e71}.panel-subtitle{color:#c7bbc0;font-size:13px;margin:0 0 23px}.state-badge{color:#efd2d2;border:1px solid #8b5360;background:#56313d;padding:10px 11px;line-height:1;font-family:'Montserrat',sans-serif;font-size:9px;letter-spacing:.065em;font-weight:800;border-radius:5px;white-space:nowrap}.state-badge.lost{background:#612c35;border-color:#ae5360}.play-metrics{display:flex;gap:0;border-top:1px solid #544147;border-bottom:1px solid #544147;padding:15px 0;margin-bottom:18px}.play-metrics>div{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;gap:6px}.play-metrics>div+div{border-left:1px solid #544147}.play-metrics span{color:#b0a1aa;font-family:'Montserrat',sans-serif;letter-spacing:.09em;font-size:9px;font-weight:800}.play-metrics strong{font-size:22px;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.interaction-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mode-switch{display:flex;align-items:center;gap:4px;background:#1d1920;border:1px solid #46343d;padding:4px;border-radius:7px}.mode-button{border:0;background:transparent;color:#afa5a8;font-family:'Montserrat',sans-serif;letter-spacing:.035em;font-weight:800;font-size:10px;border-radius:5px;padding:11px 15px;min-height:38px;cursor:pointer;transition:background .14s,color .14s}.mode-button.active{background:#b02b3f;color:white;box-shadow:0 2px 8px #0d080a33}.mode-button span{font-size:14px;vertical-align:middle;margin-right:3px}.interaction-meta{font-family:'Montserrat',sans-serif;letter-spacing:.15em;font-weight:700;color:#b3a2aa;font-size:11px}.board-frame{padding:13px;background:linear-gradient(145deg,#1b1a21,#221c24);border:1px solid #4b3b46;border-radius:10px}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.tile{border:1px solid #64535b;background:linear-gradient(145deg,#51434c,#42363f);box-shadow:inset 0 1px #ffffff12,0 2px 0 #201820;aspect-ratio:1;min-width:0;border-radius:5px;display:grid;place-items:center;position:relative;color:#fff5f0;font-family:'Montserrat',sans-serif;font-size:clamp(16px,3.6vw,24px);font-weight:800;padding:0;cursor:pointer;transition:transform .08s,background .14s}.tile:not(:disabled):active{transform:translateY(2px);box-shadow:none}.tile.opened{background:#252229;border-color:#3d343c;box-shadow:none}.tile.opened.empty{background:#242129}.tile.flagged{background:#683746;border-color:#a34b5b}.tile.flagged:after{content:"";width:58%;height:58%;background:url('/flag-icon.svg') center/contain no-repeat}.tile.mine,.tile.hit{background:#8b3442;border-color:#c96166}.tile.mine:after,.tile.hit:after{content:"";width:68%;height:68%;background:url('/mine-icon.svg') center/contain no-repeat;filter:brightness(0) invert(1)}.tile.hit{background:#cf3948;box-shadow:inset 0 0 0 2px #ff9c8e}.tile.wrong{background:#583037;color:#ffafaf}.tile:disabled{opacity:1;cursor:default}.n1{color:#85b9e3}.n2{color:#86c49c}.n3{color:#e39b7a}.n4{color:#c0a5df}.n5,.n6,.n7,.n8{color:#eac1ab}.below-board{display:flex;gap:8px;align-items:center;justify-content:center;color:#b8aab0;font-size:11px;line-height:1.5;text-align:center;padding-top:13px}.instruction-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#cb575f}.result-card{margin-top:20px;padding:20px;background:#211e25;border:1px solid #5a414b;border-radius:9px}.result-card[hidden]{display:none}.result-card.lost{border-color:#823e45}.result-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.result-eyebrow,.mine-review-head,.tomorrow>div>span,.tomorrow-time,.footer,.modal-number,.recent-heading,.modal-footer>div>span{font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:.075em;font-weight:800;color:#bcaab1}.result-hero{display:flex;align-items:center;gap:10px;margin-top:8px}.result-hero>span{font-size:21px;color:#a9d8b8}.result-card.lost .result-hero>span{color:#ed7775}.result-hero strong{font-family:'Montserrat',sans-serif;font-weight:900;letter-spacing:-.05em;font-size:27px}.text-button{color:#e8c5cb;background:transparent;border:0;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:9px;font-weight:800;letter-spacing:.04em;padding:8px 0}.result-note{font-size:12px;color:#c1b1b9;margin:13px 0 16px}.mine-review{border-top:1px solid #47343d;padding-top:14px}.mine-review-head{display:flex;align-items:center;justify-content:space-between}.mine-review-head strong{color:#f8e3da;font-size:13px;letter-spacing:0}.mine-chips{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:12px 0 17px}.mine-chip{height:21px;background:#aa4148;border:1px solid #bb565c;border-radius:3px}.mine-chip.known{background:#4b9b6a;border-color:#75bd86}.result-actions{display:flex;gap:8px}.action-primary,.action-secondary{border-radius:6px;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:10px;letter-spacing:.025em;font-weight:800;padding:15px 15px;border:1px solid transparent;min-height:45px;transition:background .15s,transform .1s}.action-primary:active,.action-secondary:active{transform:translateY(1px)}.action-primary{background:#b62d42;color:#fff;flex:1}.action-primary:hover{background:#ce3648}.action-primary span{margin-left:6px}.action-secondary{background:transparent;border-color:#664b54;color:#e8dce0}.action-secondary:hover{background:#3c2b32}.action-primary.small{flex:initial}.action-primary:disabled{background:#5f474f;cursor:not-allowed;color:#baaeb1}.tomorrow{display:flex;align-items:center;justify-content:space-between;padding:19px 4px 15px;border-bottom:1px solid #4b363e}.tomorrow>div{display:flex;align-items:center;gap:15px}.tomorrow strong{font-family:'Montserrat',sans-serif;font-size:19px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.tomorrow-time{color:#9a838d}.tomorrow-time i{display:inline-block;width:6px;height:6px;background:#ba3a49;border-radius:50%;margin-left:5px;vertical-align:middle}.ad-card{margin-top:185px;padding:12px 0;border-top:1px solid #58434b}.ad-label{text-align:center;color:#b9a2a9;font-size:9px;letter-spacing:.2em;font-weight:700;padding-bottom:10px}.ad-slot{min-height:90px}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:18px;color:#baa8ae;font-size:9px}.footer>div{display:flex;gap:20px}.footer a:hover{color:#fff}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:#08070ba8;border:0;cursor:pointer;backdrop-filter:blur(7px)}.modal-sheet{position:relative;z-index:1;width:min(100%,520px);background:#28232a;color:var(--ink);border:1px solid #6e4c56;border-radius:12px;box-shadow:0 30px 90px #0008;padding:28px}.modal-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #604650;padding-bottom:15px}.modal-close{color:#e2d4d5;background:none;border:0;font-size:29px;cursor:pointer;line-height:1}.modal-sheet h2{font-family:'Montserrat',sans-serif;font-size:29px;font-weight:900;letter-spacing:-.06em;line-height:1;margin:21px 0 8px}.modal-caption{font-size:12px;color:#bfadb5;margin:0 0 20px}.stat-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:16px 0 20px;border-top:1px solid #554049;border-bottom:1px solid #554049}.stat-highlights>div{min-width:0;display:flex;flex-direction:column;gap:5px}.stat-highlights strong{font-family:'Montserrat',sans-serif;font-size:24px;letter-spacing:-.06em;font-weight:900}.stat-highlights span{font-size:9px;color:#b4a4aa;letter-spacing:.04em;font-weight:700}.recent-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px}.recent-heading small{font-weight:500;font-size:9px;color:#a89ca3}.recent-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:13px 0 22px}.recent-day{border:1px solid #5f4c54;background:#352d34;min-width:0;height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:5px}.recent-day span{font-size:12px;font-weight:800}.recent-day small{font-size:8px;color:#bbaab0}.recent-day.win{background:#295e45;border-color:#4b976d}.recent-day.loss{background:#733842;border-color:#b34b56}.recent-day.none{opacity:.7}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #554049;padding-top:17px}.modal-footer>div{display:flex;flex-direction:column;gap:5px}.modal-footer strong{font-family:'Montserrat',sans-serif;font-size:23px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.toast{position:fixed;z-index:40;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:#4b2730;border:1px solid #bd6b72;color:#fff3f0;padding:14px 19px;border-radius:6px;font-size:12px;font-weight:700;text-align:center;box-shadow:0 12px 30px #0008;max-width:90vw}.toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:600px){.site-frame{padding:19px 11px 32px}.site-header{margin-bottom:18px}.identity{gap:9px}.logo-shield{width:43px;height:43px}.logo-shield img{width:29px;height:29px}.identity-type strong{font-size:14px}.identity-type small{font-size:8px}.header-link{padding:10px 9px;font-size:9px}.header-chart{display:none}.play-panel{padding:21px 14px 19px}.panel-intro h1{font-size:29px}.panel-subtitle{font-size:11px}.state-badge{font-size:8px;padding:9px 7px}.play-metrics strong{font-size:18px}.play-metrics span{font-size:8px}.interaction-meta{font-size:9px}.mode-button{padding:10px 12px}.board-frame{padding:7px}.board{gap:4px}.tile{border-radius:4px;font-size:clamp(15px,4.8vw,21px)}.below-board{font-size:10px}.result-card{padding:15px}.result-hero strong{font-size:24px}.result-actions{flex-wrap:wrap}.action-primary,.action-secondary{width:100%}.mine-chips{gap:4px}.mine-chip{height:17px}.tomorrow{padding-left:2px;padding-right:2px}.tomorrow>div{gap:9px}.tomorrow>div>span{font-size:8px}.tomorrow strong{font-size:17px}.tomorrow-time{font-size:8px}.footer{font-size:8px}.footer>div{gap:14px}.modal-sheet{padding:18px}.stat-highlights strong{font-size:20px}.stat-highlights span{font-size:8px}.recent-day{height:53px}.recent-day span{font-size:11px}.recent-day small{font-size:7px}.recent-heading small{max-width:135px;text-align:right}.modal-footer .action-primary{width:auto;font-size:9px;padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* v8 — compact, multi-platform result sharing */
.share-panel{margin-top:19px;padding-top:16px;border-top:1px solid rgba(245,228,231,.12)}
.share-heading{font-size:11px;line-height:1.4;font-weight:800;letter-spacing:.15em;color:#d8bcc3;margin-bottom:12px}
.share-icons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.share-icon{min-width:0;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;padding:12px 4px 10px;min-height:70px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.13);color:#f8edef;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.share-icon svg{flex-shrink:0}.share-icon b{font-family:Arial,sans-serif;font-weight:800;font-size:21px;line-height:20px}.share-icon.x-icon b{font-weight:500}.share-icon span{font-size:8px;font-weight:800;letter-spacing:.035em;white-space:nowrap;color:#cdbcc0}
.share-icon:hover,.share-icon:focus-visible{background:rgba(154,45,63,.19);border-color:rgba(225,142,155,.55);transform:translateY(-1px)}
.share-icon:active{transform:scale(.95)}
.share-native{width:100%;display:flex;gap:9px;align-items:center;justify-content:center;margin-top:11px;padding:13px 12px;border:1px solid rgba(238,206,212,.4);border-radius:12px;background:#8d3041;color:#fff4f2;cursor:pointer;font-size:11px;font-weight:850;letter-spacing:.07em;transition:background .16s ease}
.share-native:hover,.share-native:focus-visible{background:#a53b4f}
.share-note{margin:10px 0 0!important;font-size:10px!important;color:#bcaeb1!important;line-height:1.5!important}
@media(max-width:540px){.share-icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.share-icon{min-height:68px}.share-icon span{font-size:8px}}