@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}}:root{--ink:#06030e;--panel:#120722d1;--purple:#9b35ff;--pink:#ff2db2;--cyan:#28d8ff;--yellow:#ffd62e;--text:#fffdfb;--muted:#cbbde5}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#030107;margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}button{-webkit-touch-callout:none;touch-action:manipulation}.game-shell{isolation:isolate;background:radial-gradient(circle at 45% 42%,#801fff33,#0000 32%),radial-gradient(circle at 90% 80%,#0f6eff1f,#0000 28%),linear-gradient(160deg,#06020d 0%,#10021b 47%,#020208 100%);min-height:100svh;position:relative;overflow:hidden}.game-shell:before{content:"";z-index:-2;pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.ambient{filter:blur(70px);opacity:.22;z-index:-1;pointer-events:none;border-radius:50%;width:280px;height:280px;animation:8s ease-in-out infinite alternate ambient-drift;position:absolute}.ambient-one{background:var(--pink);top:-140px;left:-110px}.ambient-two{background:var(--cyan);animation-delay:-3s;bottom:-180px;right:-130px}.neon-scribble{z-index:-1;color:#0000;-webkit-text-stroke:2px var(--purple);opacity:.35;filter:drop-shadow(0 0 10px var(--purple));font-size:80px;font-weight:1000;position:absolute;transform:rotate(-14deg)}.scribble-one{top:18%;left:-15px}.scribble-two{-webkit-text-stroke-color:var(--yellow);font-size:64px;bottom:16%;right:-12px}.screen{width:min(100%,440px);min-height:100svh;padding:max(20px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;animation:.36s cubic-bezier(.22,.8,.22,1) both screen-in;display:flex;position:relative}.sound-button,.back-button,.how-to-button,.lobby-inline{appearance:none;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#140826b8;border:1px solid #ffffff24;box-shadow:inset 0 0 18px #962cff1f,0 0 18px #962cff1f}.lobby-inline{min-width:72px;min-height:40px;color:var(--cyan);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex}.lobby-inline:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.sound-button{border-radius:50%;flex:none;width:42px;height:42px}.penalty-top{z-index:30;top:max(20px, env(safe-area-inset-top));position:absolute;left:18px;right:18px}.top-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.eyebrow{color:var(--yellow);letter-spacing:.2em;align-items:center;gap:10px;margin:9px auto 12px;font-size:11px;font-weight:900;display:flex}.eyebrow span{background:linear-gradient(90deg, transparent, var(--yellow));width:24px;height:1px}.eyebrow span:last-child{transform:scaleX(-1)}.home-screen{text-align:center;justify-content:center;align-items:center}.hero-wrap{aspect-ratio:1;width:min(66vw,270px);margin:0 auto -6px;position:relative}.hero-halo{box-shadow:0 0 16px var(--purple), inset 0 0 26px #841aff47;border:2px solid #cb5effa6;border-radius:50%;animation:2.6s ease-in-out infinite halo-pulse;position:absolute;inset:9%}.hero-halo:before,.hero-halo:after{content:"";border:1px dashed #2bd7ff59;border-radius:50%;animation:18s linear infinite slow-spin;position:absolute;inset:-17px}.hero-halo:after{border-color:#ff2bb238;animation-direction:reverse;inset:-32px}.hero-image{object-fit:contain;z-index:1;filter:drop-shadow(0 12px 22px #8a1dff59);width:100%;height:100%;animation:3s ease-in-out infinite hero-float;position:relative}.hero-badge{z-index:2;background:var(--yellow);color:#1c0b00;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:1000;position:absolute;bottom:13%;right:5%;transform:rotate(-7deg);box-shadow:0 0 16px #ffd62e8c}.title-block{z-index:2;position:relative}.title-kicker{color:#dc8aff;letter-spacing:.14em;white-space:nowrap;text-align:center;width:100%;margin:0 0 2px;font-size:10px;font-weight:800}.title-block h1{letter-spacing:-.08em;text-shadow:0 0 14px #ffffff1f;margin:0;font-size:clamp(48px,15vw,68px);font-weight:1000;line-height:.98}.title-block h1 span{color:var(--yellow);text-shadow:0 0 12px #ffd62e73,4px 4px #6b19b7;margin:0 3px;font-family:Impact,sans-serif;font-size:1.12em;display:inline-block;transform:rotate(5deg)}.subtitle{color:var(--muted);letter-spacing:.02em;margin:13px 0 0;font-size:14px}.home-actions{width:100%;margin-top:26px}.primary-button{cursor:pointer;color:#fff;letter-spacing:.04em;background:linear-gradient(112deg,#6d22e8 0%,#b42cff 48%,#ff2f9d 100%);border:0;border-radius:17px;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:0 17px 0 24px;font-size:18px;font-weight:900;transition:transform .15s,filter .15s;display:flex;box-shadow:0 12px 32px #9319ff4d,inset 0 1px #ffffff52}.primary-button:active{filter:brightness(1.15);transform:scale(.975)}.primary-button b{color:#7414d3;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.text-button{color:#cfb9e8;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;margin-top:17px;font-size:13px;text-decoration:underline}.safety-note{color:#887a9e;margin:18px 0 0;font-size:11px}.top-row{justify-content:space-between;align-items:center;height:46px;display:flex}.back-button{border-radius:12px;width:38px;height:38px;font-size:23px;line-height:1}.mini-logo{letter-spacing:.16em;margin-left:18px;font-size:12px;font-weight:900}.mini-logo b{color:var(--yellow);font-size:18px}.step-count{color:#aa8ecb;letter-spacing:.13em;font-size:10px;font-weight:800}.rules-heading{text-align:center;margin:20px 0 18px}.rules-heading .crown{color:var(--yellow);filter:drop-shadow(0 0 8px #ffd62e8c);margin-bottom:-4px;font-size:35px;display:block}.rules-heading p{color:var(--pink);letter-spacing:.18em;margin:0 0 4px;font-size:10px;font-weight:900}.rules-heading h2{margin:0;font-size:36px;font-weight:1000}.rules-list{gap:11px;margin:0;padding:0;list-style:none;display:grid}.rules-list li{background:linear-gradient(110deg,#2b0e49d1,#0d0619c2);border:1px solid #cd8dff26;border-radius:18px;grid-template-columns:39px 1fr 44px;align-items:center;gap:10px;min-height:92px;padding:13px 14px;display:grid;box-shadow:inset 0 1px #ffffff0a}.rules-list li>span{color:var(--pink);align-self:start;margin-top:4px;font-size:12px;font-weight:1000}.rules-list b{font-size:14px;display:block}.rules-list p{color:#a99abf;margin:5px 0 0;font-size:11px;line-height:1.55}.rules-list i{text-align:center;filter:drop-shadow(0 0 7px #b744ff73);font-size:29px;font-style:normal}.mode-toggle{cursor:pointer;background:#0a051294;border:1px solid #ffffff1a;border-radius:15px;grid-template-columns:1fr auto;align-items:center;margin:15px 0;padding:12px 15px;display:grid;position:relative}.mode-toggle b,.mode-toggle small{display:block}.mode-toggle b{font-size:12px}.mode-toggle small{color:#887a9e;margin-top:3px;font-size:10px}.mode-toggle input{opacity:0;position:absolute}.mode-toggle i{background:#3d334c;border-radius:30px;width:45px;height:25px;transition:all .2s;position:relative}.mode-toggle i:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;position:absolute;top:3px;left:3px}.mode-toggle input:checked+i{background:linear-gradient(90deg, var(--purple), var(--pink));box-shadow:0 0 12px #c42dff52}.mode-toggle input:checked+i:after{transform:translate(20px)}.board-screen{padding-left:18px;padding-right:18px}.board-top{flex:none;grid-template-columns:1fr auto 1fr;justify-items:center;column-gap:8px;display:grid}.board-top .lobby-inline{justify-self:start}.board-top .top-actions{justify-self:end}.how-to-button{color:#eadcff;white-space:nowrap;border-radius:12px;min-height:38px;padding:0 11px;font-size:12px;font-weight:800}.board-top-spacer{width:42px;height:42px}.remaining{align-items:baseline;gap:4px;margin:0;display:flex}.remaining small{color:#9f90b5;font-size:10px}.remaining strong{color:var(--yellow);text-shadow:0 0 12px #ffd62e66;font-family:Impact,sans-serif;font-size:30px;line-height:1}.board-heading{text-align:center;margin:13px 0}.board-heading p{color:var(--pink);letter-spacing:.12em;margin:0 0 3px;font-size:10px;font-weight:900}.board-heading h2{margin:0;font-size:24px;font-weight:1000}.board{background:linear-gradient(145deg,#7b27c62b,#04020ab8);border:1px solid #c064ff21;border-radius:25px;grid-template-columns:repeat(4,1fr);gap:clamp(6px,2vw,9px);width:100%;padding:10px;display:grid;box-shadow:inset 0 0 32px #701eba14}.seven-tile{aspect-ratio:.93;cursor:pointer;color:#bba5d5;background:radial-gradient(circle at 50% 34%,#963cef2e,#0000 55%),linear-gradient(155deg,#1f0d31f5,#0a0411f7);border:1px solid #be6bff47;border-radius:16px;min-width:0;padding:0;transition:transform .16s,border-color .2s,opacity .35s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #00000038}.seven-tile:before{content:"";border:1px solid #ffffff09;border-radius:12px;position:absolute;inset:4px}.seven-tile:not(:disabled):active{border-color:var(--pink);transform:scale(.9)}.seven-tile picture,.seven-tile img{width:100%;height:100%;display:block}.seven-tile img{object-fit:contain;filter:drop-shadow(0 2px 8px #ac2aff54);transform:scale(1.16)}.tile-number{z-index:2;opacity:.45;font-family:monospace;font-size:8px;position:absolute;bottom:5px;left:7px}.seven-tile.is-reacting{z-index:4;border-color:var(--yellow);animation:.22s both tile-pop;box-shadow:0 0 20px #ffd62e52}.seven-tile.is-gone{opacity:.12;pointer-events:none;border-style:dashed}.status-pill{color:#f1dfff;text-align:center;background:#210a36bf;border:1px solid #da9fff33;border-radius:99px;width:fit-content;min-height:38px;margin:13px auto 0;padding:10px 17px;font-size:12px;font-weight:800;box-shadow:0 0 17px #8a21d61f}.pass-phone{text-align:center;color:#776a89;margin:9px 0 0;font-size:10px}.rules-top{grid-template-columns:42px 1fr auto;justify-items:center;display:grid}.rules-top .back-button{justify-self:start}.rules-top .mini-logo{align-self:center;margin-left:0}.rules-top .top-actions{justify-self:end}.is-tense .board{animation:1.15s ease-in-out infinite tense-pulse}.is-tense .seven-tile:not(.is-gone){animation:.42s ease-in-out infinite alternate nervous}.is-tense .seven-tile:nth-child(2n){animation-delay:-.18s}.is-tense:after{content:"";z-index:-1;pointer-events:none;animation:1s ease-in-out infinite alternate danger-vignette;position:fixed;inset:0;box-shadow:inset 0 0 80px #ff146b33}.rage-overlay{z-index:50;text-align:center;opacity:0;pointer-events:none;background:radial-gradient(circle,#e22954 0%,#4b001c 43%,#050007 76%);place-content:center;justify-items:center;display:grid;position:fixed;inset:0;transform:scale(.88)}.rage-overlay.active{opacity:1;animation:.28s cubic-bezier(.2,1.3,.4,1) both rage-in,.12s .2s 5 screen-shake;transform:scale(1)}.rage-overlay picture{aspect-ratio:1;z-index:2;width:min(68vw,310px);display:block;position:relative}.rage-overlay img{object-fit:contain;filter:drop-shadow(0 0 25px #ff346d);width:100%;height:100%;animation:.45s .12s both angry-jump}.rage-overlay p{color:var(--yellow);letter-spacing:.04em;text-shadow:4px 4px #9d052f,0 0 15px #ffd62e8c;margin:8px 0 0;font-family:Impact,sans-serif;font-size:68px;line-height:.9;transform:rotate(-4deg)}.rage-overlay h2{margin:18px 18px 0;font-size:24px;font-weight:1000;line-height:1.2}.rage-burst{opacity:.18;filter:saturate(2);font-size:310px;animation:3s linear infinite slow-spin;position:absolute}.penalty-screen{text-align:center;justify-content:center;align-items:center}.result-label{color:var(--pink);letter-spacing:.22em;font-size:10px;font-weight:1000}.result-character{flex:none;width:125px;height:125px;margin:8px 0 4px;display:block}.result-character img{object-fit:contain;filter:drop-shadow(0 0 17px #ff2db259);width:100%;height:100%}.penalty-screen h2{margin:0;font-size:34px;font-weight:1000;line-height:1.15}.result-subtitle{color:#b9a7ce;margin:6px 0 15px;font-size:12px}.penalty-card{background:linear-gradient(145deg, #391750f5, #10071bf7), var(--panel);border:1px solid #ffcb456b;border-radius:22px;flex-direction:column;justify-content:center;width:100%;min-height:188px;padding:16px 17px 14px;display:flex;position:relative;box-shadow:0 0 30px #b238ff2b,inset 0 0 25px #ffcb450a}.penalty-card:before{content:"M";color:#ffffff09;font-family:Impact,sans-serif;font-size:110px;line-height:1;position:absolute;bottom:-10px;right:13px}.card-top{z-index:1;align-items:center;gap:7px;display:flex;position:relative}.card-top>span{font-size:21px}.card-top b{color:var(--yellow);letter-spacing:.08em;font-size:11px}.card-top small{color:#8d7a9f;margin-left:auto;font:10px monospace}.penalty-card>p{z-index:1;margin:20px 4px 12px;font-size:21px;font-weight:900;line-height:1.45;position:relative}.penalty-card>small{color:#8f809e;z-index:1;font-size:9px;position:relative}.shuffle-button{color:#c7b6dc;text-underline-offset:4px;cursor:pointer;z-index:1;background:0 0;border:0;align-self:center;margin-top:16px;font-size:11px;text-decoration:underline;position:relative}.loser-only span{font-size:42px}.loser-only p{margin-top:6px}.simple-check{color:#8f809e;cursor:pointer;margin-top:13px;font-size:10px}.simple-check input{accent-color:var(--pink)}.result-actions{width:100%;margin-top:19px}.result-help-button{margin-top:29px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{background:var(--pink);width:7px;height:18px;animation:3s linear infinite confetti-fall;position:absolute;top:5%}.confetti i:first-child{animation-delay:-.4s;left:8%}.confetti i:nth-child(2){background:var(--yellow);animation-delay:-1.6s;left:23%}.confetti i:nth-child(3){background:var(--cyan);animation-delay:-2.1s;left:41%}.confetti i:nth-child(4){animation-delay:-.9s;left:63%}.confetti i:nth-child(5){background:var(--yellow);animation-delay:-2.6s;left:78%}.confetti i:nth-child(6){background:var(--cyan);animation-delay:-1.2s;left:92%}.rotate-notice{display:none}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}}@keyframes ambient-drift{to{transform:translate(40px,35px)scale(1.15)}}@keyframes hero-float{50%{transform:translateY(-7px)rotate(1deg)}}@keyframes halo-pulse{50%{box-shadow:0 0 25px var(--purple), inset 0 0 38px #841aff57;transform:scale(1.04)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes tile-pop{0%{transform:scale(.9)}45%{transform:scale(1.08)rotate(-2deg)}to{opacity:0;transform:translateY(-16px)scale(.72)rotate(5deg)}}@keyframes nervous{to{transform:translate(1px,-1px)rotate(.6deg)}}@keyframes tense-pulse{50%{box-shadow:inset 0 0 30px #ff247214,0 0 24px #ff24721f}}@keyframes danger-vignette{to{box-shadow:inset 0 0 110px #ff146b52}}@keyframes rage-in{0%{opacity:0;filter:brightness(2);transform:scale(1.5)}}@keyframes screen-shake{0%,to{transform:translate(0)}25%{transform:translate(7px,-4px)}50%{transform:translate(-6px,4px)}75%{transform:translate(4px,6px)}}@keyframes angry-jump{0%{transform:scale(.2)rotate(-20deg)}70%{transform:scale(1.18)rotate(3deg)}}@keyframes confetti-fall{0%{transform:translateY(-20px)rotate(0)}to{transform:translateY(95vh)rotate(500deg)}}@media (max-height:720px){.screen{padding-top:max(13px, env(safe-area-inset-top));padding-bottom:max(13px, env(safe-area-inset-bottom))}.penalty-top{top:max(13px, env(safe-area-inset-top))}.hero-wrap{width:min(51vw,215px)}.title-block h1{font-size:48px}.home-actions{margin-top:18px}.rules-heading{margin:5px 0 10px}.rules-heading .crown{display:none}.rules-heading h2{font-size:29px}.rules-list{gap:7px}.rules-list li{min-height:75px;padding:9px 12px}.board-heading{margin:4px 0 7px}.board{gap:5px;padding:7px}.status-pill{margin-top:8px}.rage-overlay picture{width:min(52vh,250px)}.rage-overlay p{margin-top:5px;font-size:54px}.rage-overlay h2{margin-top:14px;font-size:21px}.result-character{width:95px;height:95px;margin-bottom:3px}.penalty-card{min-height:165px}}@media (max-width:370px){.screen{padding-left:14px;padding-right:14px}.penalty-top{left:11px;right:11px}.board-screen{padding-left:11px;padding-right:11px}.board{gap:5px;padding:7px}.seven-tile{border-radius:13px}.rules-list li{grid-template-columns:34px 1fr 38px}}@media (orientation:landscape) and (max-height:600px){.screen,.sound-button,.ambient,.neon-scribble{display:none!important}.rotate-notice{z-index:100;text-align:center;background:radial-gradient(circle,#28103f,#050208 68%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rotate-notice span{font-size:52px;animation:1.8s ease-in-out infinite rotate-phone}.rotate-notice b{margin-top:13px;font-size:24px}.rotate-notice p{color:#9c8aae;margin:7px 0 0;font-size:12px}}@keyframes rotate-phone{50%{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}