:root{--bg:#030b09;--felt:#0b3c2b;--felt-deep:#061e17;--ink:#edfff7;--muted:#9bc9b5;--neon:#36ff96;--cyan:#3cecff;--pink:#ff4fd8;--gold:#ffd45b;--danger:#ff6577;--display:Orbitron,system-ui,sans-serif;--body:"Space Grotesk",system-ui,sans-serif}
body .pet-icon{width:58px;height:54px}
body .special-icon{width:58px;height:58px}
body .suit-mark{right:3px;top:2px;width:29px;height:29px;font-size:26px;text-shadow:0 0 8px currentColor}
body .tile[data-suit="cyan"] .tile-face{box-shadow:inset 0 0 0 2px rgba(48,116,255,.58),inset 5px 5px 9px rgba(255,255,255,.55)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;padding:12px 10px 44px;background:radial-gradient(circle at 50% -5%,rgba(54,255,150,.14),transparent 38%),var(--bg);color:var(--ink);font-family:var(--body);touch-action:manipulation}button{font:inherit}.wrap{width:min(100%,1120px);margin:auto}.topbar,.top-actions{display:flex;align-items:center}.topbar{justify-content:space-between;gap:12px}.top-actions{gap:7px}.back{color:var(--cyan);font-weight:900;text-decoration:none}.small-btn,.controls button,.quiet-btn{min-height:42px;border:1px solid rgba(60,236,255,.34);border-radius:10px;padding:9px 13px;background:rgba(60,236,255,.07);color:var(--cyan);font-weight:900;cursor:pointer}.small-btn:hover,.controls button:hover,.quiet-btn:hover{background:rgba(60,236,255,.14)}h1{margin:7px 0 0;text-align:center;color:var(--neon);font:900 clamp(29px,7vw,54px) var(--display);letter-spacing:.09em;text-shadow:0 0 24px rgba(54,255,150,.42)}.subtitle{margin:2px 0 10px;text-align:center;color:var(--muted);font-weight:800;letter-spacing:.12em}.controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:10px auto}.controls .primary,.primary{border:0;border-radius:10px;padding:10px 16px;background:linear-gradient(180deg,#62ffad,#21df78);color:#032014;font-weight:900;cursor:pointer;box-shadow:0 6px 18px rgba(33,223,120,.18)}button:disabled{opacity:.36;cursor:not-allowed}.stats{display:flex;justify-content:center;gap:clamp(14px,4vw,30px);margin:9px 0 5px;color:var(--muted);font-weight:800}.stats strong{color:var(--gold);font-family:var(--display)}.message{min-height:27px;text-align:center;color:var(--cyan);font-weight:900}.table{overflow:hidden;border:2px solid rgba(255,212,91,.24);border-radius:19px;background:radial-gradient(circle at 50% 38%,#126044,var(--felt) 50%,var(--felt-deep));box-shadow:inset 0 0 75px rgba(0,0,0,.38),0 18px 46px rgba(0,0,0,.3)}.board-viewport{position:relative;width:100%;min-height:260px;overflow:hidden}.board{position:absolute;left:50%;top:0;width:900px;height:620px;transform-origin:top center}.tile{position:absolute;width:66px;height:82px;margin:0;padding:0;border:0;border-radius:9px;background:transparent;cursor:pointer;filter:drop-shadow(0 7px 5px rgba(0,0,0,.42));transition:filter .14s ease,transform .14s ease,opacity .2s ease}.tile::before{content:"";position:absolute;inset:7px -6px -7px 6px;border-radius:9px;background:#9e8d67;border:1px solid #6f6249}.tile-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid #f4e4bb;border-radius:9px;background:linear-gradient(145deg,#fff8df,#e6d6aa 72%,#c2ae7c);box-shadow:inset 0 0 0 2px rgba(83,59,28,.16),inset 5px 5px 9px rgba(255,255,255,.55)}.tile.available:hover,.tile.available:focus-visible{z-index:999!important;transform:translateY(-4px);filter:drop-shadow(0 0 10px rgba(60,236,255,.9)) drop-shadow(0 9px 5px rgba(0,0,0,.5));outline:none}.tile.blocked{cursor:default;filter:brightness(.54) saturate(.64) drop-shadow(0 7px 5px rgba(0,0,0,.4))}.tile.selected{z-index:998!important;transform:translateY(-5px);filter:drop-shadow(0 0 12px var(--neon)) drop-shadow(0 9px 5px rgba(0,0,0,.52))}.tile.selected .tile-face{border-color:var(--neon);box-shadow:inset 0 0 0 2px rgba(3,32,20,.2),0 0 0 3px rgba(54,255,150,.3)}.tile.hint{animation:hintPulse .72s ease-in-out 2}.tile.removed{pointer-events:none;opacity:0}.pet-icon{width:48px;height:42px;background-image:url("assets/icons/collectibles-pack-5.png");background-repeat:no-repeat;background-size:400% 200%;image-rendering:pixelated}.special-icon{width:49px;height:49px;object-fit:contain;image-rendering:pixelated}.suit-mark{position:absolute;right:5px;top:3px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#1b1915;color:var(--suit);font:900 13px/1 var(--display);text-shadow:0 0 6px currentColor}.tile-name{position:absolute;left:4px;right:4px;bottom:3px;overflow:hidden;color:#473b27;font:900 7px/1 var(--display);letter-spacing:.03em;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tile[data-suit="cyan"] .tile-face{box-shadow:inset 0 0 0 2px rgba(60,236,255,.34),inset 5px 5px 9px rgba(255,255,255,.55)}.tile[data-suit="pink"] .tile-face{box-shadow:inset 0 0 0 2px rgba(255,79,216,.34),inset 5px 5px 9px rgba(255,255,255,.55)}.tile[data-suit="gold"] .tile-face{box-shadow:inset 0 0 0 2px rgba(255,177,43,.38),inset 5px 5px 9px rgba(255,255,255,.55)}.tile[data-suit="green"] .tile-face{box-shadow:inset 0 0 0 2px rgba(39,205,104,.38),inset 5px 5px 9px rgba(255,255,255,.55)}@keyframes hintPulse{50%{z-index:997;transform:translateY(-6px) scale(1.06);filter:drop-shadow(0 0 14px var(--gold))}}.overlay{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,8,5,.82);backdrop-filter:blur(7px)}.overlay.show{display:flex}.dialog{width:min(100%,500px);max-height:90vh;overflow:auto;border:2px solid rgba(54,255,150,.42);border-radius:18px;padding:24px;background:linear-gradient(160deg,#0b2d21,#04130e);box-shadow:0 22px 70px rgba(0,0,0,.55);text-align:center}.dialog.compact{width:min(100%,360px)}.dialog h2{margin:0 0 12px;color:var(--neon);font:900 clamp(24px,7vw,36px) var(--display)}.dialog p,.dialog li{color:var(--muted);font-weight:700}.dialog ul{padding-left:23px;text-align:left;line-height:1.55}.dialog .primary{margin:8px}.dialog .back{display:block;margin-top:14px}.quiet-btn{display:block;margin:5px auto 0}.rotate-icon{color:var(--gold);font:900 54px/1 var(--display);transform:rotate(-35deg);text-shadow:0 0 16px rgba(255,212,91,.45)}.win-paw{font-size:58px;filter:drop-shadow(0 0 18px rgba(54,255,150,.55))}@media(max-width:560px){body{padding-inline:5px}.topbar{padding-inline:6px}.small-btn,.controls button{min-height:40px;padding:8px 10px}.table{border-radius:13px}.subtitle{font-size:12px}.tile-name{font-size:6px}}@media(orientation:landscape) and (max-height:600px) and (max-width:1000px){body{height:100dvh;min-height:0;padding:4px;overflow:hidden}.wrap{display:grid;width:100%;height:100%;grid-template-columns:168px minmax(0,1fr);grid-template-rows:auto auto auto auto minmax(0,1fr);column-gap:5px;margin:0}.topbar{grid-column:1;grid-row:1;padding:0;gap:4px}.top-actions{gap:3px}.small-btn{min-height:30px;padding:5px 6px;font-size:9px}.back{font-size:11px}h1{grid-column:1;grid-row:2;margin:4px 0 0;font-size:20px;letter-spacing:.04em}.skarades-profile-bar,.subtitle{display:none!important}.controls{grid-column:1;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;margin:5px 0}.controls button{min-height:33px;padding:5px 3px;font-size:10px}.controls .primary{grid-column:1/-1}.stats{grid-column:1;grid-row:4;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:2px 0;font-size:8px;text-align:center}.stats strong{display:block;margin-top:2px;font-size:12px}.message{grid-column:1;grid-row:5;align-self:start;min-height:0;padding:5px 3px;font-size:10px;line-height:1.2}.table{grid-column:2;grid-row:1/6;height:100%;min-height:0;border-radius:11px}.board-viewport{height:100%;min-height:0}.board{transform-origin:center}.tile-name{font-size:7px}}@media(prefers-reduced-motion:reduce){.tile{transition:none}.tile.hint{animation:none;filter:drop-shadow(0 0 12px var(--gold))}}