@font-face{font-family:Bebas;src:url('./assets/BebasNeue.ttf') format('truetype');font-display:swap}@font-face{font-family:Inter;src:url('./assets/Inter-Light.ttf') format('truetype');font-weight:300;font-display:swap}@font-face{font-family:Inter;src:url('./assets/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('./assets/Inter-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{--red:#9f1000;--hot:#c41a05;--white:#f4f2ed;--muted:rgba(255,255,255,.48);--quiet:rgba(255,255,255,.30);--line:rgba(255,255,255,.085);--line-strong:rgba(255,255,255,.30);--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app-shell{width:100%;height:100vh;height:100lvh;margin:0;overflow:hidden;background:#000}body{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overscroll-behavior:none;touch-action:manipulation}button{font:inherit}.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}
#app-shell{position:relative;min-height:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);isolation:isolate}#app-shell:before{content:"SIX";position:absolute;left:50%;top:34%;transform:translateX(-50%);z-index:-2;font:clamp(230px,72vw,320px)/.72 Bebas;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.026);pointer-events:none}#app-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:50;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}
#app{height:100%;min-height:0}.screen{height:100%;width:min(100%,480px);margin:0 auto;position:relative}.brand{width:116px;height:auto;display:block}.top-brand{display:flex;align-items:flex-start;justify-content:space-between}.lang{display:flex;gap:5px}.lang button,.quiet-button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--quiet);font:500 8px Inter;letter-spacing:.20em;text-transform:uppercase}.lang button[aria-pressed="true"]{color:#fff}.lang button[aria-pressed="true"]:after{content:"";display:block;width:13px;height:1px;background:var(--hot);margin:7px auto 0}.eyebrow{font:500 8px Inter;letter-spacing:.24em;text-transform:uppercase;color:var(--hot)}.display{font:clamp(52px,15vw,72px)/.86 Bebas;letter-spacing:.025em;margin:12px 0 0}.tagline{font:italic clamp(18px,5vw,23px)/1.2 Georgia,serif;color:rgba(255,255,255,.5);margin:14px 0 0}.hairline{height:1px;background:var(--line)}
.menu{padding:30px 24px 25px;display:flex;flex-direction:column}.menu-hero{margin-top:clamp(52px,9vh,92px)}.continue-card{margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;align-items:center;justify-content:space-between}.continue-meta b{display:block;font:22px Bebas;letter-spacing:.08em;font-weight:400}.continue-meta span{display:block;margin-top:7px;font:7px Inter;letter-spacing:.17em;color:var(--quiet);text-transform:uppercase}.primary,.difficulty-button{min-height:54px;border:0;background:transparent;color:#fff;text-transform:uppercase}.primary{font:16px Bebas;letter-spacing:.13em;padding:0 18px;border-left:2px solid var(--red)}.difficulty-title{margin-top:35px;color:var(--quiet);font:7px Inter;letter-spacing:.22em;text-transform:uppercase}.difficulty-grid{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.difficulty-button{font:20px Bebas;letter-spacing:.08em;position:relative}.difficulty-button+button{border-left:1px solid var(--line)}.difficulty-button:focus-visible,.difficulty-button:hover{color:#fff}.difficulty-button:focus-visible:after,.difficulty-button:hover:after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:2px;background:var(--hot)}.menu-actions{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:4px}.menu-actions button{min-height:44px;border:0;background:transparent;color:var(--quiet);font:7px Inter;letter-spacing:.17em;text-transform:uppercase}.menu-actions button:hover,.menu-actions button:focus-visible{color:#fff}
.game{padding:22px 20px 21px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;min-height:0}.game-top{display:flex;justify-content:space-between;align-items:flex-start}.game-status{text-align:right}.game-status .difficulty{font:7px Inter;letter-spacing:.22em;color:var(--hot);text-transform:uppercase}.game-status .clock{display:block;margin-top:8px;font:25px Bebas;letter-spacing:.08em}.game-status .clock-label{display:block;margin-top:6px;font:6px Inter;letter-spacing:.20em;color:var(--quiet);text-transform:uppercase}.chapter{margin-top:24px;height:64px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:flex-start}.chapter h1{margin:0;font:36px/.88 Bebas;letter-spacing:.045em;font-weight:400}.chapter h1 span{display:block;margin-bottom:7px;font:7px Inter;letter-spacing:.22em;color:var(--hot);text-transform:uppercase}.remaining{padding-top:22px;text-align:right;font:6px Inter;letter-spacing:.18em;color:rgba(255,255,255,.4);text-transform:uppercase}.board-zone{min-height:0;display:grid;place-items:center;padding:12px 0}.board{width:min(calc(100vw - 40px),382px,min(47vh,382px));height:min(calc(100vw - 40px),382px,min(47vh,382px));display:grid;grid-template:repeat(6,1fr)/repeat(6,1fr);background:#000}.cell{position:relative;min-width:0;min-height:0;border:0;border-right:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075);background:#000;color:var(--white);font:clamp(25px,7.5vw,32px) Bebas;display:grid;place-items:center;padding:0}.cell:nth-child(6n){border-right:0}.cell:nth-child(n+31){border-bottom:0}.cell:nth-child(6n+3){border-right:1px solid var(--line-strong)}.cell:nth-child(n+7):nth-child(-n+12),.cell:nth-child(n+19):nth-child(-n+24){border-bottom:1px solid var(--line-strong)}.cell.entered{color:rgba(255,255,255,.5)}.cell.peer{background:#000}.cell.match{color:#fff}.cell.selected{box-shadow:inset 0 0 0 1px var(--hot);z-index:2}.cell.selected:before{content:"";position:absolute;left:6px;top:6px;width:4px;height:4px;background:var(--hot)}.cell.error{animation:error .45s var(--ease)}.notes-grid{position:absolute;inset:7px;display:grid;grid-template:repeat(2,1fr)/repeat(3,1fr);font:clamp(6px,1.8vw,8px) Inter;color:rgba(255,255,255,.38)}.notes-grid span{display:grid;place-items:center}.board-meta{display:flex;justify-content:space-between;font:6px Inter;letter-spacing:.19em;color:var(--quiet);text-transform:uppercase;padding:0 2px}.board-meta .mode-on{color:rgba(255,255,255,.7)}.number-rail{height:60px;margin-top:15px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.number-key{position:relative;min-width:44px;border:0;background:#000;color:rgba(255,255,255,.5);font:27px Bebas}.number-key.active{color:#fff}.number-key.active:after{content:"";position:absolute;left:17px;right:17px;bottom:-1px;height:2px;background:var(--hot)}.tools{height:57px;margin:12px 24px 0;display:grid;grid-template-columns:repeat(4,1fr)}.tool{border:0;background:transparent;color:var(--quiet);font:6px Inter;letter-spacing:.16em;text-transform:uppercase}.tool b{display:block;margin-bottom:7px;font:15px Bebas;color:rgba(255,255,255,.62);font-weight:400}.tool.active{color:rgba(255,255,255,.75)}.tool.active b{color:var(--hot)}.game-footer{margin-top:5px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:6px Inter;letter-spacing:.19em;color:var(--quiet);text-transform:uppercase}.saved-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--hot);margin-right:7px}.pause-button{min-width:70px;min-height:44px;border:0;background:transparent;color:rgba(255,255,255,.58);font:7px Inter;letter-spacing:.18em;text-transform:uppercase}.pause-button:before{content:"Ⅱ";margin-right:8px;font:12px Bebas;color:#fff}
.overlay{position:absolute;inset:0;z-index:20;background:rgba(0,0,0,.93);display:flex;flex-direction:column;padding:calc(34px + env(safe-area-inset-top)) 25px calc(27px + env(safe-area-inset-bottom));animation:fade .5s var(--ease)}.overlay .top-brand{flex:0 0 auto}.overlay-body{margin:auto 0}.overlay h2{font:clamp(58px,17vw,78px)/.85 Bebas;letter-spacing:.02em;margin:12px 0}.overlay-copy{color:var(--muted);font:300 13px/1.7 Inter;max-width:31ch}.overlay-actions{border-top:1px solid var(--line);margin-top:31px}.overlay-action{width:100%;min-height:55px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;font:15px Bebas;letter-spacing:.12em;text-transform:uppercase}.overlay-action span{color:var(--hot)}.result-grid,.stats-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:26px;border-top:1px solid var(--line)}.result,.stat{padding:15px 0;border-bottom:1px solid var(--line)}.result:nth-child(odd),.stat:nth-child(odd){border-right:1px solid var(--line);padding-right:15px}.result:nth-child(even),.stat:nth-child(even){padding-left:15px}.result span,.stat span{display:block;font:6px Inter;letter-spacing:.18em;color:var(--quiet);text-transform:uppercase}.result b,.stat b{display:block;margin-top:8px;font:24px Bebas;letter-spacing:.06em;font-weight:400}.install-note{border-left:1px solid rgba(196,26,5,.55);padding-left:17px;margin-top:23px;color:var(--muted);font:300 13px/1.65 Inter}
#toast{position:absolute;z-index:60;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%,18px);max-width:calc(100% - 40px);padding:11px 15px;border:1px solid rgba(255,255,255,.12);background:#080808;color:#fff;font:8px Inter;letter-spacing:.12em;text-transform:uppercase;opacity:0;pointer-events:none;transition:.35s var(--ease)}#toast.show{opacity:1;transform:translate(-50%,0)}
button:focus-visible{outline:1px solid var(--hot);outline-offset:2px}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes error{0%,100%{box-shadow:none}45%{box-shadow:inset 0 0 0 1px var(--hot);color:var(--hot)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-height:800px){.game{padding-top:16px;padding-bottom:14px}.chapter{margin-top:15px;height:54px}.board-zone{padding:7px 0}.number-rail{height:52px;margin-top:8px}.tools{height:48px;margin-top:7px}.game-footer{padding-top:8px}.cell{font-size:25px}.menu-hero{margin-top:34px}}
@media(min-width:700px){body{background:#060606}.screen{box-shadow:0 25px 90px #000;border-left:1px solid #111;border-right:1px solid #111}}