@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700;800&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{border-width:0}.visible{visibility:visible}.block{display:block}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:dark;--bg:#0c131e;--panel:#111b29;--muted:#aab5c2;--gold:#e8bb70;--green:#22e879;--red:#ef4444}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 64% 32%,#172536 0,#0c131e 50%,#0a111a 100%);color:#f7f5ef;font-family:DM Sans,sans-serif}.app-shell,body{min-height:100vh}.app-shell{max-width:1600px;margin:auto;position:relative;padding-bottom:30px}.topbar{height:67px;border-bottom:1px solid #29313b;display:flex;align-items:center;padding:0 clamp(22px,5.5vw,84px);gap:32px}.brand{font:800 30px Playfair Display,serif;color:var(--gold);letter-spacing:-1.5px;text-decoration:none;cursor:pointer}.brand span{color:var(--green)}nav{display:flex;gap:5px;align-items:center}.nav-item{background:none;border:0;color:#b5bec8;padding:12px 14px;border-radius:12px;font:500 15px inherit;cursor:pointer}.nav-item.active,.nav-item:hover{background:#242c36;color:#f0c87c}.mobile-menu{display:none;margin-left:auto;background:none;color:white;border:0;font-size:22px}.hero{min-height:calc(100vh - 140px);display:grid;grid-template-columns:1fr minmax(380px,43.5%);align-items:center;gap:5.3%;padding:30px clamp(24px,5.5vw,84px) 0}.intro{margin-top:-8px;max-width:610px}.eyebrow{color:#e7b960;letter-spacing:3px;font-size:14px;font-weight:600;margin:0 0 22px}.intro h1{font:800 clamp(30px,2.45vw,38px)/1.25 Playfair Display,serif;letter-spacing:-1px;margin:0 0 20px}.subhead{color:#b8c2ce;line-height:1.6;font-size:16px;max-width:520px;margin:0}.actions{display:flex;gap:12px;margin:34px 0 32px;flex-wrap:wrap}.button{font:600 15px DM Sans,sans-serif;border-radius:12px;padding:14px 19px;border:1px solid transparent;cursor:pointer;transition:transform .18s,filter .2s,background .2s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary{background:#eac174;color:#16181a}.secondary{background:#263243;color:#f7f5ef;border-color:#3b4859}.hint{color:#909dab;font-size:15px}.status-card{margin-top:42px;background:#131f2c;border:1px solid #2b3948;border-radius:15px;padding:15px;display:flex;align-items:center;gap:13px;max-width:440px}.status-card strong{font-size:12px;letter-spacing:1.15px;color:#e9edf0}.status-card small{display:block;color:#91a0af;margin-top:5px;font-size:12px}.live-dot{width:10px;height:10px;flex:none;border-radius:50%;transition:background-color .3s,box-shadow .3s}.icon-button{margin-left:auto;background:none;border:1px solid #344254;border-radius:8px;color:#d7e0e6;width:35px;height:35px;font-size:18px;cursor:pointer}.board-wrap{justify-self:end;width:min(100%,570px);margin-top:-16px}.board-frame{position:relative;padding:14px;border-radius:17px;background:linear-gradient(135deg,#352922,#1e2830 45%,#392b23);border:3px solid #494235;box-shadow:0 0 0 2px #b69d65,0 0 0 6px color-mix(in srgb,var(--edge) 70%,transparent),0 0 24px 7px color-mix(in srgb,var(--edge) 82%,transparent),0 0 65px 15px color-mix(in srgb,var(--edge) 38%,transparent),inset 0 0 13px #000}.board-frame.waiting{animation:edge-pulse 2.7s ease-in-out infinite}.board{grid-template-columns:repeat(8,1fr);border:3px solid #21180f;box-shadow:0 4px 12px #0008;overflow:hidden}.board,.square{display:grid;aspect-ratio:1}.square{border:0;place-items:center;position:relative;padding:4px;min-width:0;cursor:pointer}.square.light{background:#d6b184}.square.dark{background:#704a34}.square.selected{box-shadow:inset 0 0 0 4px #22e879,inset 0 0 18px #22e87977;z-index:1}.piece{width:79%;height:79%;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 34% 26%,color-mix(in srgb,var(--piece) 58%,white),var(--piece) 39%,color-mix(in srgb,var(--piece) 72%,black) 78%,#121820 100%);border:2px solid color-mix(in srgb,var(--piece-edge) 78%,white);box-shadow:0 4px 5px #0008,inset 0 2px 3px #ffffff8c,inset 0 -5px 5px #080b1199;z-index:2}.piece:before{inset:11%;border-radius:50%;border:2px solid #ffffff70;box-shadow:inset 0 2px 3px #0005}.piece:after,.piece:before{content:"";position:absolute}.piece:after{inset:23%;border-radius:50%;border:1px solid #ffffff42}.crown{z-index:1;color:#ffe087;text-shadow:0 1px 4px #6a3914;font-size:clamp(15px,2vw,27px)}.board-caption{display:table;margin:27px auto 0;color:#8da19f;font-size:13px;padding:9px 14px;border:1px solid #32413f;border-radius:30px;letter-spacing:.25px}.result-overlay{position:absolute;inset:0;z-index:5;background:#07101ddd;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-overlay p{letter-spacing:3px;color:var(--gold);font-size:12px}.result-overlay h2{font:800 34px Playfair Display,serif;margin:5px 0 20px}.confetti{font-size:35px;color:#f8d782;letter-spacing:10px}.game-tools{position:fixed;right:19px;bottom:20px;display:flex;gap:8px}.game-tools button{width:42px;height:42px;border:1px solid #344254;border-radius:50%;background:#152130;color:#e6c17a;font-size:21px;cursor:pointer}footer{position:absolute;bottom:15px;left:clamp(24px,5.5vw,84px);color:#8593a3;font-size:14px}.modal-backdrop{position:fixed;inset:0;background:#050a10b8;backdrop-filter:blur(6px);z-index:10;display:grid;place-items:center;padding:20px}.modal{width:min(100%,440px);background:#121d2a;border:1px solid #344454;border-radius:20px;padding:34px;position:relative;box-shadow:0 25px 80px #0008}.modal .eyebrow{font-size:11px;margin-bottom:12px}.modal h2{font:800 29px Playfair Display,serif;margin:0 0 24px}.close{position:absolute;right:17px;top:13px;background:none;border:0;color:#aab6c2;font-size:28px;cursor:pointer}.modal label{display:block;color:#c3ccd5;font-size:13px;margin:16px 0}.modal input,.modal select{margin-top:8px;width:100%;padding:12px 13px;border:1px solid #354658;border-radius:9px;color:white;background:#0d1722;font:15px DM Sans,sans-serif;outline:none}.modal input:focus,.modal select:focus{border-color:#e8bb70}.full{width:100%;margin-top:10px}.privacy-note{font-size:12px;color:#8291a1;text-align:center;margin:17px 0 0}.invite-box{margin-top:20px;padding:14px;border-radius:12px;background:#0d1722;border:1px solid #2c3c4c}.invite-box small{color:#8fa0ad;font-size:10px;letter-spacing:1.5px}.invite-box input{font-size:12px}.invite-actions{display:flex;gap:8px}.invite-actions .button{flex:1;padding:11px 8px;font-size:12px}.rules p{color:#b7c2ce;line-height:1.65}.rules .button{margin-top:8px}@keyframes edge-pulse{0%,to{box-shadow:0 0 0 2px #b69d65,0 0 0 6px color-mix(in srgb,var(--edge) 66%,transparent),0 0 23px 6px color-mix(in srgb,var(--edge) 74%,transparent),0 0 61px 13px color-mix(in srgb,var(--edge) 35%,transparent),inset 0 0 13px #000}50%{box-shadow:0 0 0 2px #b69d65,0 0 0 7px color-mix(in srgb,var(--edge) 93%,transparent),0 0 32px 9px color-mix(in srgb,var(--edge) 93%,transparent),0 0 77px 20px color-mix(in srgb,var(--edge) 46%,transparent),inset 0 0 13px #000}}@media(max-width:1000px){.hero{grid-template-columns:1fr minmax(310px,44%);gap:3%}.topbar{gap:20px}.nav-item{padding:10px 9px;font-size:13px}.board-frame{padding:11px}.status-card{margin-top:28px}}@media(max-width:740px){.topbar{height:60px;padding:0 20px}.brand{font-size:27px}.topbar nav{display:none}.mobile-menu{display:block}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:36px;padding:34px 20px 95px}.board-wrap{width:min(100%,500px);align-self:center;margin:0}.board-frame{padding:9px;border-radius:14px}.intro{margin:0}.intro h1{font-size:34px}.intro .eyebrow{margin-bottom:14px}.subhead{font-size:15px}.actions{margin:23px 0 20px;gap:8px}.button{padding:13px 14px}.button,.hint{font-size:13px}.status-card{margin-top:23px}.status-card strong{font-size:10px}.status-card small{font-size:11px}.board-caption{margin-top:18px;font-size:11px}.game-tools{right:12px;bottom:12px}.game-tools button{width:38px;height:38px}footer{bottom:22px;font-size:12px}.modal{padding:28px 23px}}@media(max-width:400px){.actions .button{padding:12px 11px}.intro h1{font-size:30px}.hero{padding-left:15px;padding-right:15px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.button:disabled{opacity:.65;cursor:wait;transform:none}.error-text{padding:10px 12px;border:1px solid #7f3035;border-radius:9px;background:#351d24;color:#ffb2b6;font-size:13px;line-height:1.45}.waiting-modal{width:min(100%,520px);padding:clamp(28px,5vw,42px)}.waiting-modal h2{font-size:clamp(29px,5vw,37px);margin-bottom:12px}.waiting-copy{margin:0;color:#bdc8d2;line-height:1.6}.waiting-modal .invite-box{margin-top:22px;padding:20px;border-color:#35684f;box-shadow:inset 0 0 28px #22e8790b,0 0 24px #22e8790c}.waiting-modal .invite-box small{color:#7fe5ab;font-size:11px}.waiting-modal .invite-url{font-size:14px;padding:14px}.waiting-modal .invite-actions{margin-top:12px;gap:10px}.waiting-modal .invite-actions .button{padding:14px 12px;font-size:14px}.waiting-modal .whatsapp-button{background:#22c875;color:#071b12;border-color:#22c875}.waiting-modal .privacy-note{margin-top:20px}.king-stack{position:absolute;left:4%;bottom:-13%;width:92%;height:38%;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--piece) 72%,white),var(--piece) 52%,color-mix(in srgb,var(--piece) 70%,black));border:2px solid color-mix(in srgb,var(--piece-edge) 80%,white);box-shadow:0 3px 0 #101820,0 5px 5px #0009;z-index:0}.piece.king{box-shadow:0 0 15px #ffd969b0,0 4px 5px #0008,inset 0 2px 3px #ffffff8c}.piece.king .crown{position:relative;z-index:2}.invite-connection{margin:16px 0 -8px;color:#9eafbc;text-align:center;font-size:13px}.live-modal h2{margin-bottom:10px}.presence-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.presence-stats>div{padding:16px;border:1px solid #2e3d4c;border-radius:12px;background:#0d1722;text-align:center}.presence-stats strong{display:block;color:#f2cf8b;font-size:27px;line-height:1.1}.presence-stats small{display:block;margin-top:7px;color:#90a0ae;font-size:10px;letter-spacing:1.4px}.live-modal .searching-copy{margin:22px 0;color:#b8c7d1;text-align:center}.live-modal .full{margin-top:10px}.live-modal .presence-stats+.modal label{margin-top:0}@media(max-width:740px){.topbar nav.mobile-nav.open{position:absolute;z-index:12;top:60px;left:12px;right:12px;display:flex;flex-direction:column;align-items:stretch;padding:10px;border:1px solid #344454;border-radius:14px;background:#111b29;box-shadow:0 16px 44px #0009}.topbar nav.mobile-nav.open .nav-item{text-align:left;padding:13px}}.starting-overlay{padding:20px}.starting-overlay h2{margin-bottom:8px}.starting-overlay p:not(:first-child){color:#c3ccd5;letter-spacing:0;font-size:14px;max-width:300px;line-height:1.5}.starting-overlay .button:disabled{opacity:.5;cursor:not-allowed;transform:none}.start-result{position:absolute;left:50%;top:12px;z-index:4;transform:translateX(-50%);padding:8px 14px;border-radius:20px;background:#0b151fe8;border:1px solid #d9b861;color:#f4d58d;font-size:12px;white-space:nowrap;box-shadow:0 3px 15px #0008}.board-flipped{direction:rtl}.board-flipped .square{direction:ltr}.piece.draggable-piece{-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.piece.draggable-piece:active{cursor:grabbing}.square{touch-action:manipulation}.square:focus-visible{outline:3px solid #f3d17b;outline-offset:-4px;z-index:3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.game-tools button[aria-pressed=true]{border-color:#22e879;box-shadow:0 0 12px #22e87955}.game-tools button[aria-pressed=false]{opacity:.68}.square{overflow:visible}.chop-burst{position:absolute;width:42%;height:42%;border-radius:50%;border:2px solid #ffd57a;box-shadow:0 0 12px #ffd57a,0 0 24px #ef444477;pointer-events:none;z-index:4}.invite-countdown{margin:18px 0 0;padding:12px;border:1px solid #815f28;border-radius:10px;background:#2a2319;color:#e6c782;text-align:center}.invite-countdown strong{margin-left:6px;font-variant-numeric:tabular-nums;font-size:20px;color:#ffe1a0}.cancel-invite{margin-top:12px}.consent-check{display:flex!important;align-items:flex-start;gap:10px!important;font-size:12px!important;line-height:1.5;color:#b7c3cf}.consent-check input{accent-color:#22e879;margin-top:3px}.profile-status{margin:16px 0;color:#8de5ad}.board-frame,.board-wrap{flex:none}.board{position:relative;width:100%;aspect-ratio:1/1;grid-template-rows:repeat(8,minmax(0,1fr));overscroll-behavior:contain}.board,.square{touch-action:none;-webkit-touch-callout:none}.board,.piece,.square{-moz-user-select:none;user-select:none;-webkit-user-select:none}.piece{-webkit-user-drag:none}.piece.draggable-piece{touch-action:none;cursor:grab}.piece-source-hidden{visibility:hidden!important}.drag-layer{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}.drag-piece{position:absolute!important;left:0;top:0;margin:0;z-index:10!important;pointer-events:none;will-change:transform;box-sizing:border-box}.drag-piece:active{cursor:grabbing}.status-card{min-height:74px}.status-card>div{min-width:0;overflow:hidden}.status-card small,.status-card strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-summary{display:block;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.status-summary:focus-visible{outline:2px solid var(--green);outline-offset:4px;border-radius:4px}.status-summary:hover strong{color:var(--green)}@media(max-width:740px){.board{touch-action:none}.hero{overscroll-behavior:contain}}.closed-game-modal{border-color:#70553c;box-shadow:0 25px 80px #0008,0 0 26px #ef444422}.closed-game-modal h2{margin:0 0 12px;font-size:clamp(25px,5vw,32px)}.game-route .square.legal-target:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:#22e879d9;box-shadow:0 0 0 3px #22e87938,0 0 16px #22e879b8;pointer-events:none;z-index:1}.game-route .square.legal-target:focus-visible{outline:3px solid #f4cf78;outline-offset:-3px;z-index:2}.piece{background-color:var(--piece);background-image:radial-gradient(circle at 34% 25%,rgba(255,255,255,.55),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.2),transparent 48%),linear-gradient(180deg,transparent 50%,rgba(0,0,0,.48));border:2px solid var(--piece-edge)}.board-frame{box-shadow:0 0 0 2px #b69d65,0 0 0 6px rgba(var(--edge-rgb),.7),0 0 24px 7px rgba(var(--edge-rgb),.82),0 0 65px 15px rgba(var(--edge-rgb),.38),inset 0 0 13px #000;transition:box-shadow .3s ease,border-color .3s ease}.board-frame.waiting{animation:board-edge-pulse 2.7s ease-in-out infinite}@keyframes board-edge-pulse{0%,to{box-shadow:0 0 0 2px #b69d65,0 0 0 6px rgba(var(--edge-rgb),.66),0 0 23px 6px rgba(var(--edge-rgb),.74),0 0 61px 13px rgba(var(--edge-rgb),.35),inset 0 0 13px #000}50%{box-shadow:0 0 0 2px #b69d65,0 0 0 7px rgba(var(--edge-rgb),.93),0 0 32px 9px rgba(var(--edge-rgb),.93),0 0 77px 20px rgba(var(--edge-rgb),.46),inset 0 0 13px #000}}.game-route .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:calc(100vh - 140px);padding:28px 24px 82px}.game-route .intro{display:contents}.game-route .intro>:not(.status-card){display:none}.game-route .status-card{order:0;width:min(100%,680px);max-width:680px;margin:0}.game-route .board-wrap{order:1;align-self:center;width:min(100%,680px);margin:0}@media(max-width:740px){.game-route .hero{flex-direction:column;gap:14px;padding:20px 15px 82px}.game-route .board-wrap{width:100%}.game-route .status-card{margin:0}}