@font-face{font-family:Fredoka;src:url(/fonts/fredoka.woff2) format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg: #0d2a31;--bg-2: #123a43;--teal: #0f8c95;--teal-lt: #36b9c2;--teal-dk: #075760;--tang: #ff7b1c;--tang-lt: #ffa253;--tang-dk: #b84d05;--lime: #a6d93a;--lime-lt: #cdf06c;--lime-dk: #5f8a10;--sun: #ffcf2e;--paper: #ffffff;--panel: #e9f1ef;--line: #8fb0ad;--ink: #16272c;--muted: #56696d;--display: Fredoka, "Trebuchet MS", sans-serif;--ui: "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;--body: Verdana, Tahoma, "DejaVu Sans", sans-serif;--pixel: Silkscreen, "Courier New", monospace;--gloss: linear-gradient(rgba(255, 255, 255, .34), rgba(255, 255, 255, .1) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1));color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font:13px/1.5 var(--body);background-color:var(--bg);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),radial-gradient(ellipse at 50% 0,var(--bg-2),var(--bg) 70%);background-attachment:fixed}a{color:#0a6d75}a:hover{color:var(--tang-dk)}:focus-visible{outline:2px dotted var(--ink);outline-offset:2px}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}h1,h2,h3{margin:0;line-height:1.15}.px{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.02em}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.portal{max-width:1180px;margin:0 auto 24px;background:var(--panel);border:1px solid #000;border-top:0;box-shadow:0 0 0 4px #ffffff0f,0 0 30px #0009}.banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px 14px;color:#fff;overflow:hidden;background:linear-gradient(var(--teal-lt),var(--teal) 55%,var(--teal-dk));border-bottom:1px solid #03383e}.banner:before{content:"";position:absolute;left:0;right:0;top:0;height:48%;background:linear-gradient(#ffffff52,#ffffff0f);pointer-events:none}.banner:after{content:"";position:absolute;left:-60px;top:-140px;width:520px;height:420px;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.09) 0 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(closest-side,#000,transparent);mask:radial-gradient(closest-side,#000,transparent)}.banner>*{position:relative;z-index:1}.logo{display:inline-flex;flex-direction:column;text-decoration:none;color:#fff}.logo:hover{color:#fff}.logo b{font:700 clamp(30px,5vw,50px)/.95 var(--display);letter-spacing:.01em;white-space:nowrap;color:#fff;-webkit-text-stroke:6px #063b41;paint-order:stroke fill;text-shadow:0 3px 0 #063b41,0 5px 0 var(--tang),0 6px 0 #063b41,0 9px 8px rgba(0,0,0,.35)}.logo .px{font-size:10px;color:var(--sun);margin-top:10px;letter-spacing:.1em;text-shadow:1px 1px 0 #063b41}.today{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.today .date{font:bold 13px/1.2 var(--ui);text-shadow:1px 1px 0 rgba(0,0,0,.35)}.today .date span{font-weight:400;opacity:.9}.lcd{display:inline-flex;align-items:center;gap:8px;background:#071a1d;color:var(--sun);border:1px solid #000;border-radius:2px;padding:5px 8px 4px;box-shadow:inset 0 1px 3px #000c,0 1px #ffffff40;font:700 13px/1 var(--pixel);letter-spacing:.06em}.lcd small{font:400 10px/1 var(--pixel);color:#7fd3d9}.tabs{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;background:linear-gradient(var(--tang-lt),var(--tang) 50%,#f06a0c 51%,var(--tang-dk));border-top:1px solid #ffc896;border-bottom:1px solid #7a3203}.tabs::-webkit-scrollbar{display:none}.tabs a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 15px 8px;color:#fff;text-decoration:none;font:bold 14px/1 var(--ui);white-space:nowrap;text-shadow:0 -1px 0 rgba(0,0,0,.4);border-right:1px solid rgba(0,0,0,.18);box-shadow:1px 0 #ffffff40}.tabs a:hover{background:#ffffff2e;color:#fff}.tabs a[aria-current=page]{background:linear-gradient(#fff,#f3e7dc);color:var(--tang-dk);text-shadow:none}.tabs img{width:20px;height:20px;border:1px solid rgba(0,0,0,.5)}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;padding:12px;align-items:start}.side,.main,.gside{display:flex;flex-direction:column;gap:12px;min-width:0}.box{background:var(--paper);border:1px solid var(--line);box-shadow:0 1px 2px #00000026}.box>h2{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;color:#fff;font:bold 14px/1.2 var(--ui);text-shadow:0 -1px 0 rgba(0,0,0,.45);background:var(--gloss),linear-gradient(var(--teal),var(--teal-dk));border-bottom:1px solid #04454c}.box>h2 .px{font-size:10px;color:var(--sun);font-family:var(--pixel);font-weight:400;text-shadow:none}.box.hot>h2{background:var(--gloss),linear-gradient(var(--tang),var(--tang-dk));border-bottom-color:#7a3203}.box .in{padding:10px 11px}.box p{margin:0 0 8px}.box p:last-child{margin-bottom:0}.sheet .in{padding:10px 10px 12px}.sheet-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px;margin-bottom:8px}.sheet-head h3{font:600 20px/1.1 var(--display);color:var(--teal-dk)}.tally{font:700 11px/1 var(--pixel);color:var(--muted)}.tally b{color:var(--ink)}.sheet-grid{display:grid;grid-template-columns:minmax(118px,1.25fr) repeat(3,minmax(0,1fr));gap:6px;align-items:stretch}.colhead{font:bold 11px/1 var(--ui);text-transform:uppercase;letter-spacing:.06em;text-align:center;color:var(--muted);padding:4px 0 2px}.rowhead{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);padding:6px 8px 6px 6px;border:1px solid color-mix(in srgb,var(--g) 60%,#000);background:linear-gradient(color-mix(in srgb,var(--g) 28%,#fff),color-mix(in srgb,var(--g) 52%,#fff))}.rowhead:hover{color:var(--ink);filter:brightness(1.05)}.rowhead img{width:40px;height:40px;border:1px solid rgba(0,0,0,.55);flex:none;box-shadow:0 1px 2px #0000004d}.rowhead b{display:block;font:bold 14px/1.1 var(--ui)}.rowhead small{display:block;font-size:11px;color:#3f5054;line-height:1.2;margin-top:2px}.sweep{display:none;margin-top:4px;width:max-content;font:700 9px/1 var(--pixel);color:var(--ink);background:var(--sun);border:1px solid #a07c00;padding:3px 4px 2px}.rowhead.swept .sweep{display:block}.slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:84px;padding:8px 4px;text-decoration:none;color:var(--ink);border:1px solid #b9cbc8;background:linear-gradient(#fff,#eef4f3);box-shadow:inset 0 1px #fff}.slot:hover{color:var(--ink);border-color:var(--tang);background:linear-gradient(#fff,#fff1e4)}.slot .lvl{display:none}.slot .go{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:6px 10px 5px;font:bold 13px/1 var(--ui);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.35);background:var(--gloss),linear-gradient(var(--tang),var(--tang-dk));border:1px solid #7a3203;border-radius:3px;box-shadow:0 1px 2px #00000040}.slot .crowd{font:400 9px/1 var(--pixel);color:var(--muted);min-height:9px}.slot.going .go{background:var(--gloss),linear-gradient(var(--teal-lt),var(--teal-dk));border-color:#04454c}.slot .sticker{display:none}.slot.done{border-color:var(--lime-dk);background:linear-gradient(#f4fbe2,#dff2b0)}.slot.done .go{display:none}.slot.done .sticker{display:flex;flex-direction:column;align-items:center;gap:4px}.sticker img{width:42px;height:42px;border:2px solid #fff;box-shadow:0 0 0 1px #00000080,1px 2px 3px #00000059;transform:rotate(var(--tilt, -6deg))}.sticker b{font:bold 14px/1 var(--ui);font-variant-numeric:tabular-nums;color:var(--lime-dk)}.slot.just .sticker img{animation:slap .5s cubic-bezier(.3,1.6,.5,1) both}@keyframes slap{0%{transform:scale(1.8) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(var(--tilt, -6deg));opacity:1}}.slot.soon{background:repeating-linear-gradient(-45deg,#f1f4f3 0 6px,#e6ecea 6px 12px);pointer-events:none}.slot.soon .go{background:none;border:0;box-shadow:none;color:var(--muted);text-shadow:none;font-weight:400}.full{display:none;align-items:center;gap:8px;margin-top:10px;padding:8px 11px;border:1px solid #a07c00;background:var(--gloss),linear-gradient(#ffe57a,var(--sun));font:bold 14px/1.3 var(--ui)}.sheet.all .full{display:flex}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px}@media(max-width:1060px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.tile{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff}.tile .art{position:relative;display:block;aspect-ratio:4 / 3;background:var(--g);border-bottom:1px solid var(--line);overflow:hidden}.tile .art img{width:100%;height:100%;object-fit:cover}.tile .art:hover img{filter:brightness(1.06)}.tag{display:inline-block;font:700 10px/1 var(--pixel);background:var(--sun);color:var(--ink);border:1px solid #a07c00;padding:3px 5px 2px}.tile .txt{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.tile h3{font:600 18px/1.1 var(--display)}.tile h3 a{color:var(--teal-dk);text-decoration:none}.tile h3 a:hover{text-decoration:underline}.tile .kind{font:700 10px/1 var(--pixel);color:var(--muted)}.tile p{margin:0;font-size:12px;color:#34464a}.levels{display:flex;gap:3px;margin-top:auto;padding-top:6px}.lv{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 6px;font:bold 12px/1 var(--ui);color:var(--ink);text-decoration:none;border-radius:3px;background:linear-gradient(#fff,#dfe7e6);border:1px solid #93aaa7;box-shadow:inset 0 1px #fff,0 1px 1px #00000026}.lv:hover{color:var(--ink);background:linear-gradient(#fff,#ffe7d2);border-color:var(--tang)}.lv:active{background:linear-gradient(#dfe7e6,#fff)}.lv.done{background:var(--gloss),linear-gradient(var(--lime-lt),var(--lime));border-color:var(--lime-dk)}.lv.done:before{content:"";width:8px;height:4px;border:solid var(--ink);border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px)}.receipt{font:12px/1.6 Courier New,Courier,monospace;white-space:pre-wrap;background:#071a1d;color:#bff3c0;padding:10px 12px;border:1px solid #000;box-shadow:inset 0 1px 4px #000c;margin-bottom:10px;min-height:7em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 16px;font:bold 14px/1 var(--ui);color:var(--ink);text-decoration:none;cursor:pointer;border-radius:3px;background:var(--gloss),linear-gradient(#ffe57a,var(--sun));border:1px solid #a07c00;box-shadow:inset 0 1px #fff9,0 1px 2px #00000040}.btn:hover{color:var(--ink);filter:brightness(1.06)}.btn:active{box-shadow:inset 0 2px 3px #0000004d}.btn:disabled{opacity:.5;cursor:default;filter:grayscale(.6)}.btn.play{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.4);background:var(--gloss),linear-gradient(var(--lime),var(--lime-dk));border-color:#3f5f06}.btn.play:hover{color:#fff}.btn.ghost{background:linear-gradient(#fff,#dfe7e6);border-color:#93aaa7}.note{font-size:12px;color:var(--muted);margin-left:8px}.streak{display:flex;align-items:baseline;gap:6px}.streak b{font:700 40px/1 var(--display);color:var(--tang);text-shadow:0 2px 0 var(--tang-dk)}.streak span{font:bold 14px/1.2 var(--ui)}.small{font-size:11px;color:var(--muted)}.odo{display:flex;gap:2px;margin:2px 0 8px}.odo span{width:24px;text-align:center;padding:6px 0 5px;font:700 17px/1 var(--pixel);color:var(--sun);background:linear-gradient(#20363a,#071a1d 50%,#0d2427 51%,#071a1d);border:1px solid #000}.games-list{list-style:none;margin:0;padding:0}.games-list li+li{border-top:1px dotted var(--line)}.games-list a{display:flex;align-items:center;gap:9px;padding:6px 10px;text-decoration:none;color:var(--ink)}.games-list a:hover{background:#fff1e4}.games-list img{width:28px;height:28px;border:1px solid rgba(0,0,0,.5)}.games-list b{display:block;font:bold 13px/1.15 var(--ui);color:#0a6d75}.games-list small{font-size:11px;color:var(--muted)}.rules-list{margin:0;padding-left:16px}.rules-list li{margin:0 0 6px}.levels-info{margin:0}.levels-info dt{font:bold 12px/1.2 var(--ui);color:var(--teal-dk)}.levels-info dd{margin:1px 0 7px;font-size:12px;color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(170px,230px) auto minmax(170px,230px);justify-content:center;gap:14px;padding:12px;align-items:start}.cabinet{--g: #888;display:flex;flex-direction:column;align-items:stretch;background:linear-gradient(color-mix(in srgb,var(--g) 45%,#111),color-mix(in srgb,var(--g) 25%,#000));border:1px solid #000;padding:0 10px 10px;box-shadow:0 2px 10px #00000073}.marquee{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 -10px 10px;padding:9px 12px;background:var(--gloss),linear-gradient(color-mix(in srgb,var(--g) 85%,#fff),color-mix(in srgb,var(--g) 70%,#000));border-bottom:1px solid #000}.marquee img{width:36px;height:36px;border:1px solid rgba(0,0,0,.6)}.marquee h1{font:700 28px/1 var(--display);color:#fff;-webkit-text-stroke:5px rgba(0,0,0,.7);paint-order:stroke fill;text-shadow:0 3px 4px rgba(0,0,0,.35)}.marquee .kind{font:700 10px/1 var(--pixel);color:#fff;opacity:.9;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.picker{display:flex;gap:4px;margin-bottom:8px}.picker a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 5px;text-decoration:none;color:var(--ink);background:linear-gradient(#fff,#d8e2e1);border:1px solid #000;border-radius:3px 3px 0 0;box-shadow:inset 0 1px #fff}.picker a:hover{color:var(--ink);background:linear-gradient(#fff,#ffe7d2)}.picker a b{font:bold 14px/1 var(--ui)}.picker a small{font-size:10px;line-height:1.2;color:var(--muted);text-align:center}.picker a[aria-current=true]{background:var(--gloss),linear-gradient(#ffe57a,var(--sun))}.picker a.done b:before{content:"";display:inline-block;width:8px;height:4px;margin:0 5px 3px 0;border:solid var(--lime-dk);border-width:0 0 2px 2px;transform:rotate(-45deg)}.screen{position:relative;height:clamp(540px,calc(100vh - 150px),960px);aspect-ratio:9 / 16;margin:0 auto;background:#000;border:1px solid #000;box-shadow:0 0 0 1px #ffffff26;overflow:hidden}.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.screen .poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:18px;text-align:center;color:#fff}.screen .poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.screen .poster:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 45%,#000000bf)}.screen .poster>:not(img){position:relative;z-index:2}.screen .poster .btn{min-height:50px;font-size:20px;padding:0 30px}.screen .poster .small{color:#e8f3f2;font-size:12px}.cab-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;color:#d9e6e4;font-size:11px}.cab-foot a{color:#fff}.record{display:grid;grid-template-columns:1fr 1fr;gap:6px}.record div{background:linear-gradient(#f6faf9,#e3ecea);border:1px solid #c3d4d1;padding:6px 8px}.record b{display:block;font:bold 18px/1.1 var(--ui);font-variant-numeric:tabular-nums;color:var(--teal-dk)}.record span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.more{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:8px}.mini{display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto 1fr;column-gap:8px;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:#fff}.mini:hover{color:var(--ink);border-color:var(--tang);background:#fff8f1}.mini img{grid-row:1 / 3;width:70px;height:52px;object-fit:cover;border-right:1px solid var(--line)}.mini b{font:bold 13px/1.2 var(--ui);padding-top:7px;color:#0a6d75}.mini small{color:var(--muted);font-size:11px}.footer{padding:12px 18px 14px;background:linear-gradient(#173a40,#0b2226);color:#a9c4c2;font-size:11px;text-align:center;border-top:1px solid #000}.footer a{color:#fff}@media(max-width:1060px){.game-layout{grid-template-columns:minmax(0,1fr) auto}.gside.left{display:none}}@media(max-width:860px){.portal{border:0}.layout,.game-layout{grid-template-columns:minmax(0,1fr);padding:8px;gap:8px}.layout .side{order:2}.layout .main{order:1}.gside.left{display:flex;order:3}.gside.right{order:2}.banner{padding:12px 12px 10px}.screen{height:auto;width:100%}.more{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:899px),(max-height:639px){#fullLink{display:none}}@media(max-width:560px){.banner{flex-direction:column;align-items:flex-start;gap:8px}.today{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.logo .px{font-size:9px}.tabs a{padding:8px 11px 7px;font-size:13px}.sheet-grid{grid-template-columns:58px repeat(3,minmax(0,1fr));gap:4px}.rowhead{flex-direction:column;justify-content:center;gap:3px;padding:5px 2px;text-align:center}.rowhead img{width:34px;height:34px}.rowhead b{font-size:11px}.rowhead small,.rowhead .sweep{display:none!important}.rowhead.swept{background:var(--gloss),linear-gradient(#ffe57a,var(--sun))}.slot{min-height:76px}.slot .go{min-width:0;width:100%;padding:6px 4px 5px}.sticker img{width:36px;height:36px}.tiles{grid-template-columns:minmax(0,1fr)}.tile .art{aspect-ratio:2 / 1}.more{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
