@font-face{font-family:Proza;src:url(/proza-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{color-scheme:dark;color:#e8ded6;background:#0e1013;font-family:Proza,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{text-decoration:none}.page-shell{position:relative;min-height:100vh;overflow:hidden;padding:20px 32px 32px;background:radial-gradient(circle at 50% 54%,rgba(166,142,125,.08),transparent 35%),radial-gradient(circle at 0% 100%,rgba(124,54,88,.12),transparent 26%),radial-gradient(circle at 100% 100%,rgba(24,96,124,.12),transparent 28%),linear-gradient(180deg,#111317,#0d0f12 58%,#0c0e10)}.page-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.hero{position:relative;z-index:1;width:calc(100% + 64px);margin:0 -32px 18px}.brand-copy{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:38px;padding-left:28px;white-space:nowrap}.brand-logo{width:28px;height:28px;border-radius:7px;box-shadow:0 10px 22px #00000057,0 0 0 1px #d8b2873d}.hero h1{margin:0;color:#eadbd0;font-size:clamp(22px,2.6vw,32px);font-weight:700;letter-spacing:0;line-height:1;white-space:nowrap;text-shadow:0 10px 28px rgba(0,0,0,.48)}.hero h1 span:last-child{color:#d8b287;font-weight:800}.hero p{margin:0;padding-left:14px;border-left:1px solid rgba(216,178,135,.24);color:#ded3cb94;font-size:clamp(11px,1.2vw,13px);line-height:1.2}.game-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;width:min(1216px,100%);margin:0 auto}.game-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:326px;padding:24px 18px 18px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#1a1c20e6;box-shadow:0 20px 42px #0000005c,inset 0 1px #ffffff0a;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}a.game-card{color:inherit}a.game-card:hover{border-color:#f0dfe557;transform:translateY(-3px);box-shadow:0 26px 54px #0000006b,inset 0 1px #ffffff0d}.game-card:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%)}.kamisado{justify-content:flex-start;background:radial-gradient(circle at 50% 0%,rgba(230,176,199,.12),transparent 58%),#2d1e28;border-color:#e6b0c73d}.kamisado .card-copy h2{color:#f0dfe5}.kamisado .card-copy p{color:#c4acb8}.chung-toi{justify-content:flex-start;background:radial-gradient(circle at 50% 0%,rgba(215,205,188,.08),transparent 56%),#151b19;border-color:#e2d6c233}.chung-toi .card-copy h2{color:#d7cdbc}.chung-toi .card-copy p{color:#b8aa97c7}.make-shift{justify-content:flex-start;background:radial-gradient(circle at 55% 0%,rgba(222,188,142,.12),transparent 56%),#1b120f;border-color:#debc8e3d}.make-shift .card-copy h2{color:#e1d5c3}.make-shift .card-copy p{color:#c5b29ac7}.yavalath{background:radial-gradient(circle at 50% 0%,rgba(58,65,112,.26),transparent 58%),#151720}.gomoku{background:radial-gradient(circle at 50% 0%,rgba(65,82,47,.22),transparent 55%),#151a14}.pylos{background:radial-gradient(circle at 50% 0%,rgba(31,93,116,.22),transparent 58%),#121b20}.placeholder-card{border-style:dashed;border-color:#e8dcd21f;background:radial-gradient(circle at 50% 18%,rgba(232,220,210,.055),transparent 48%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 44%),#16171aad}.card-copy{position:relative;z-index:2;text-align:center}.card-copy h2{margin:0;color:#eaded4;font-size:22px;line-height:1.1}.card-copy p{margin:14px 0 0;color:#e8dcd2ad;font-size:12px;line-height:1.55}.board{position:relative;z-index:2;align-self:center}.kamisado-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(148px,100%);aspect-ratio:1;margin:28px 0 0;border:2px solid #000000;background:#000;box-shadow:0 10px 24px #00000057}.kamisado-board span{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0}.kamisado-board>.brown{background:#5d3a23}.kamisado-board>.green{background:#358462}.kamisado-board>.red{background:#b34f52}.kamisado-board>.yellow{background:#d0ba50}.kamisado-board>.pink{background:#ba6f91}.kamisado-board>.purple{background:#6c548a}.kamisado-board>.blue{background:#3d7fa6}.kamisado-board>.orange{background:#bd703c}.tower{display:grid;place-items:center;width:86%;aspect-ratio:1;border:2px solid;border-radius:999px;background:transparent;box-shadow:0 1px #00000052,0 2px 3px #0000003d}.tower.black{border-color:#050505}.tower.gold{border-color:#f6edda}.tower:before{display:block;width:100%;aspect-ratio:1;content:"";border-radius:inherit;background:var(--tower-fill);box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #0000002e}.tower.brown{--tower-fill: #5d3a23}.tower.green{--tower-fill: #358462}.tower.red{--tower-fill: #b34f52}.tower.yellow{--tower-fill: #d0ba50}.tower.pink{--tower-fill: #ba6f91}.tower.purple{--tower-fill: #6c548a}.tower.blue{--tower-fill: #3d7fa6}.tower.orange{--tower-fill: #bd703c}.chung-board,.grid-board{width:min(130px,80%);aspect-ratio:1;margin:26px 0 20px}.chung-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:34px 0 0;border:2px solid #8a9287;background:#3b4741;overflow:hidden;box-shadow:0 10px 24px #00000047}.chung-board span{min-width:0;min-height:0;border-right:1px solid #8a9287;border-bottom:1px solid #8a9287;background:#3b4741}.chung-board span:nth-child(3n){border-right:0}.chung-board span:nth-child(n+7){border-bottom:0}.grid-board{border:2px solid rgba(195,213,199,.32);background:linear-gradient(rgba(213,232,219,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(213,232,219,.18) 1px,transparent 1px);background-size:33.333% 33.333%}.shift-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:0;width:min(132px,82%);aspect-ratio:1;margin:34px 0 0;padding:0;border:2px solid #8f704d;background:#33241d;overflow:hidden;box-shadow:0 10px 24px #0000004d}.shift-board span{display:grid;place-items:center;min-width:0;min-height:0;border-right:1px solid #8f704d;border-bottom:1px solid #8f704d;background:#3b2a22}.shift-board span:nth-child(3n){border-right:0}.shift-board span:nth-child(n+7){border-bottom:0}.shift-board .hole{background:#33241d}.push-stone{position:relative;display:grid;place-items:center;width:88%;aspect-ratio:1;border:1px solid #8a6047;border-radius:5px;background:#6b4937;box-shadow:0 4px #00000042}.push-stone:after{width:80%;aspect-ratio:1;content:"";border-radius:999px;background:#38261f;box-shadow:inset 0 3px #160d0a94,inset 0 -2px #744e3a4d}.hex-board{display:grid;grid-template-columns:repeat(7,16px);justify-content:center;gap:3px;width:min(140px,90%);margin:25px 0 14px}.hex-board i,.gomoku-board i,.pyramid-board i{display:block;border-radius:999px;box-shadow:inset 0 1px 3px #ffffff42,0 6px 10px #0000003d}.hex-board i{width:16px;height:16px;border:2px solid rgba(194,198,207,.22)}.hex-board i:nth-child(11),.hex-board i:nth-child(16),.hex-board i:nth-child(17){border:0;background:#b84842}.hex-board i:nth-child(18),.hex-board i:nth-child(19){border:0;background:#e1c9ac}.gomoku-board{width:min(132px,82%);aspect-ratio:1;margin:27px 0 18px;border:2px solid rgba(206,214,195,.2);background:linear-gradient(rgba(216,225,211,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(216,225,211,.18) 1px,transparent 1px),#0e120d80;background-size:16.66% 16.66%}.gomoku-board i{position:absolute;width:14px;height:14px;background:#c9c0b7}.gomoku-board i:nth-child(1){left:34%;top:22%}.gomoku-board i:nth-child(2){left:19%;top:36%}.gomoku-board i:nth-child(3){left:56%;top:50%}.gomoku-board i:nth-child(4){left:39%;top:66%}.gomoku-board i:nth-child(5){left:28%;top:51%;background:#594f47}.gomoku-board i:nth-child(6){left:12%;top:47%;background:#594f47}.pyramid-board{width:min(138px,86%);height:132px;margin:31px 0 15px}.pyramid-board i{position:absolute;width:18px;height:18px;border:2px solid rgba(190,175,165,.38);background:#171717}.pyramid-board i:nth-child(1){left:60px;top:0}.pyramid-board i:nth-child(2){left:49px;top:21px}.pyramid-board i:nth-child(3){left:71px;top:21px}.pyramid-board i:nth-child(4){left:38px;top:42px}.pyramid-board i:nth-child(5){left:60px;top:42px;background:#8c7f74}.pyramid-board i:nth-child(6){left:82px;top:42px}.pyramid-board i:nth-child(7){left:27px;top:63px}.pyramid-board i:nth-child(8){left:49px;top:63px}.pyramid-board i:nth-child(9){left:71px;top:63px;background:#8c7f74}.pyramid-board i:nth-child(10){left:93px;top:63px}.pyramid-board i:nth-child(11){left:16px;top:84px;background:#9a7656}.pyramid-board i:nth-child(12){left:38px;top:84px}.pyramid-board i:nth-child(13){left:60px;top:84px;background:#a3876a}.pyramid-board i:nth-child(14){left:82px;top:84px}.pyramid-board i:nth-child(15){left:104px;top:84px;background:#a2825f}.game-card footer{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-height:20px;color:#eee5dcdb;font-size:12px}.game-card footer strong,.globe-icon{color:#f1e7de;font-size:15px;font-weight:800}@media(max-width:1080px){.game-row{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:720px){.page-shell{padding:14px 18px 92px;overflow:auto}.hero{width:calc(100% + 36px);margin:0 -18px 14px}.brand-copy{gap:9px;min-height:30px;padding-left:20px}.brand-logo{width:24px;height:24px;border-radius:6px}.hero h1{font-size:clamp(20px,6vw,23px)}.hero p{padding-left:10px;font-size:clamp(10px,3vw,11px)}.game-row{grid-template-columns:1fr;max-width:360px}.game-card{min-height:318px}}