@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#ebf1e9;font-synthesis:none;--bg:#0c100d;--surface:#151b17;--surface-2:#1d2520;--line:#2b352e;--muted:#9ba79e;--green:#a9e63f;--green-dark:#15260d;--red:#ff756e;--shadow:0 18px 55px #00000057;background:#0c100d;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% 0, #18221b 0, var(--bg) 37rem);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #a9e63f8c}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#0c100dd1;border-bottom:1px solid #ffffff14;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;width:min(1100px,100% - 32px);height:68px;margin:auto;display:flex}.brand{color:#f7fbf5;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:inline-flex}.brand svg{color:var(--green);stroke-width:2.2px;width:29px;height:29px}.brand span{letter-spacing:-.04em;font:800 22px/1 Manrope,sans-serif}.header-actions{gap:6px;display:flex}.icon-button{color:#d9e0da;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{background:var(--surface-2);border-color:var(--line)}.icon-button svg{width:21px}main{flex:1;width:min(1020px,100% - 32px);margin:0 auto;padding:28px 0 64px}.mode-switch{border:1px solid var(--line);background:#151b17;border-radius:13px;gap:3px;width:fit-content;margin:0 auto 27px;padding:4px;display:flex}.mode-switch button{min-width:102px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px 18px;font-weight:700}.mode-switch button.active{color:#fff;background:#2a352d;box-shadow:0 1px 6px #0000004d}.game-heading{text-align:center;margin-bottom:27px}.game-heading p{color:var(--green);letter-spacing:.13em;text-transform:uppercase;margin:0 0 6px;font:700 12px/1.4 Manrope,sans-serif}.game-heading h1{letter-spacing:-.045em;margin:0;font:800 clamp(27px,5vw,38px)/1.15 Manrope,sans-serif}.game-heading span{color:var(--muted);margin-top:10px;font-size:14px;display:block}.game-layout{grid-template-columns:minmax(0,530px) minmax(300px,390px);justify-content:center;align-items:start;gap:34px;display:grid}.game-panel{min-width:0}.crest-board{aspect-ratio:1;width:min(100%,500px);box-shadow:var(--shadow);background-color:#f3f6f1;background-image:linear-gradient(45deg,#e8ede7 25%,#0000 25%),linear-gradient(-45deg,#e8ede7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8ede7 75%),linear-gradient(-45deg,#0000 75%,#e8ede7 75%);background-position:0 0,0 15px,15px -15px,-15px 0;background-size:30px 30px;border:1px solid #354138;border-radius:24px;margin:0 auto;position:relative;overflow:hidden}.crest-board:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #1a281e14}.crest-board canvas{z-index:2;width:100%;height:100%;display:block;position:relative}.mystery-mark{color:#b9c3bb;z-index:1;text-shadow:0 2px #fff;place-items:center;font:800 150px/1 Manrope,sans-serif;display:grid;position:absolute;inset:0}.picker{z-index:10;margin-top:17px;position:relative}.picker-field{background:#171e19;border:1px solid #37433a;border-radius:15px;align-items:center;padding:6px 6px 6px 15px;display:flex;box-shadow:0 8px 30px #0000002e}.picker-field:focus-within{border-color:#748c7a;box-shadow:0 0 0 3px #a9e63f17}.picker-field>svg{color:#88958b;flex:none}.picker input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;height:46px;padding:0 12px}.picker input::placeholder{color:#7f8b81}.guess-button,.result-actions button{background:var(--green);color:#15200f;border:0;border-radius:10px;min-height:43px;padding:0 20px;font-weight:800}.guess-button:disabled{opacity:.38;cursor:default}.picker-options{border:1px solid var(--line);background:#171e19;border-radius:14px;max-height:356px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 45px #0000007a}.picker-options button{color:#f0f4f0;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:59px;padding:7px 10px;display:flex}.picker-options button:hover,.picker-options button.is-active{background:#29332c}.picker-options span{flex-direction:column;gap:3px;min-width:0;display:flex}.picker-options strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.picker-options small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.no-results{color:var(--muted);text-align:center;margin:14px}.guess-list{flex-direction:column;gap:9px;display:flex}.guess-slot{border:1px solid var(--line);background:#151b17d9;border-radius:15px;align-items:center;height:73px;display:flex;overflow:hidden}.guess-slot.empty{color:#606b63;background:#12171373;border-style:dashed;justify-content:center}.guess-slot.empty>span{border:1px solid #424c45;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.guess-slot.filled{padding:8px 12px 8px 8px;animation:.3s ease-out enter}.guess-slot.correct{background:linear-gradient(90deg,#a9e63f21,#151b17e6);border-color:#a9e63f99}.guess-number{color:#77827a;text-align:center;width:28px;font-size:12px;font-weight:700}.guess-slot img{object-fit:contain;width:48px;height:53px;margin-right:10px}.guess-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.guess-details strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.guess-details small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.guess-result{min-width:51px;color:var(--red);justify-content:flex-end;align-items:center;gap:4px;display:flex}.guess-result b{font-size:12px}.correct .guess-result{color:var(--green)}.result-card{border:1px solid var(--line);text-align:center;background:#171e19;border-radius:16px;margin-top:17px;padding:18px 20px}.result-card.won{border-color:#a9e63f73}.result-card>p{color:var(--green);text-transform:uppercase;letter-spacing:.1em;margin:0 0 3px;font-size:13px;font-weight:800}.result-card.lost>p{color:var(--red)}.result-card h2{margin:0;font:800 24px/1.3 Manrope,sans-serif}.result-card>span{color:var(--muted);font-size:13px}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin-top:14px;display:flex}.result-actions button{align-items:center;gap:8px;min-height:42px;display:inline-flex}.result-actions button.secondary{color:#edf3ed;background:#2a352d;border:1px solid #3d4b40}.countdown{border-top:1px solid var(--line);color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:14px;padding-top:13px;font-size:12px;display:flex}.countdown strong{color:#fff;font-variant-numeric:tabular-nums}footer{text-align:center;color:#748077;border-top:1px solid #ffffff12;padding:24px 16px 30px;font-size:11px}footer p{margin:0 0 7px}footer a{color:#a5b3a8}.app-version{color:#657168;font-variant-numeric:tabular-nums;margin-left:8px}.privacy-settings{color:#a5b3a8;font:inherit;background:0 0;border:0;margin:8px auto 0;padding:0;text-decoration:underline;display:block}.analytics-consent{z-index:90;background:#171e19;border:1px solid #465249;border-radius:16px;align-items:center;gap:18px;width:min(460px,100% - 36px);padding:18px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 55px #0000008c}.analytics-consent>div:first-child{flex:1}.analytics-consent strong{font:800 15px/1.3 Manrope,sans-serif}.analytics-consent p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.45}.analytics-actions{flex-direction:column-reverse;flex:none;gap:7px;display:flex}.analytics-actions button{background:var(--green);color:#15200f;border:0;border-radius:9px;min-height:38px;padding:0 14px;font-weight:800}.analytics-actions button.secondary{color:#edf3ed;background:#2a352d;border:1px solid #465249}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020503c2;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#171e19;border:1px solid #38443b;border-radius:20px;width:min(100%,470px);max-height:min(720px,100vh - 36px);animation:.2s ease-out modal-in;overflow-y:auto;box-shadow:0 25px 90px #000000a6}.modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:66px;padding:8px 12px 8px 22px;display:flex}.modal h2{margin:0;font:800 20px/1.2 Manrope,sans-serif}.modal-content{padding:23px}.rules p{color:#cbd4cd;margin:0 0 15px;line-height:1.55}.rules small{color:var(--muted)}.rule-example{grid-template-columns:repeat(5,1fr);gap:6px;margin:20px 0;display:grid}.rule-example span{aspect-ratio:1;color:#839087;border:1px solid #4b584e;border-radius:8px;place-items:center;font-weight:800;display:grid}.rule-example span:nth-child(-n+3){color:var(--green);background:#a9e63f21;border-color:#a9e63f66}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.stats-grid div{flex-direction:column;gap:6px;display:flex}.stats-grid strong{font:800 27px/1 Manrope,sans-serif}.stats-grid span{color:var(--muted);font-size:10px;line-height:1.2}.modal-content h3{margin:28px 0 14px;font:700 14px/1.2 Manrope,sans-serif}.distribution{flex-direction:column;gap:6px;display:flex}.distribution>div{align-items:center;gap:9px;display:flex}.distribution span{width:10px;font-size:12px}.distribution i{color:#fff;background:#526056;border-radius:4px;justify-content:flex-end;align-items:center;min-width:28px;height:25px;padding:0 7px;font-size:11px;font-style:normal;font-weight:800;display:flex}.toast{z-index:80;color:#13200e;background:var(--green);border-radius:10px;padding:11px 17px;font-size:13px;font-weight:800;animation:.2s ease-out toast-in;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000059}@keyframes enter{0%{opacity:0;transform:translateY(-5px)}}@keyframes modal-in{0%{opacity:0;transform:scale(.97)translateY(8px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media (width<=800px){main{width:min(570px,100% - 28px);padding-top:22px}.game-layout{grid-template-columns:1fr;gap:18px}.game-layout aside{order:2}.guess-slot{height:68px}}@media (width<=480px){.topbar-inner{width:calc(100% - 24px);height:61px}main{width:calc(100% - 22px);padding:18px 0 48px}.mode-switch,.game-heading{margin-bottom:20px}.game-heading span{font-size:12px}.crest-board{border-radius:18px}.mystery-mark{font-size:110px}.picker-field{padding-left:12px}.guess-button{padding:0 15px}.picker input{padding:0 8px}.stats-grid strong{font-size:23px}.analytics-consent{flex-direction:column;align-items:stretch;gap:13px}.analytics-actions{flex-direction:row}.analytics-actions button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}