/* Shared illustrated identity. Decorative art never intercepts game controls. */
.brand-art{width:42px;height:42px;display:block;flex-shrink:0}.brand-mark{display:grid;place-items:center;background:none!important;border:0!important}.mobile-brand,.footer-brand{display:flex;align-items:center;gap:7px}.mobile-brand .brand-art{width:29px;height:29px}.footer-brand .brand-art{width:34px;height:34px}
.compact-art{height:145px;position:relative;overflow:hidden;padding:0;background:#304b37}.compact-art>small{position:absolute;right:12px;bottom:10px;z-index:2;background:#162c22dc;border:1px solid #d1c49630;backdrop-filter:blur(4px)}
.game-illustration{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;background:radial-gradient(ellipse at 50% 100%,#8c9a6245,transparent 75%),linear-gradient(120deg,#304a37,#1b3026)}.game-illustration:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 30px #11291c44}.game-illustration span{position:absolute;display:block}.game-illustration svg,.company-art svg{width:100%;height:100%;display:block;overflow:hidden}.forest-sprite{overflow:hidden;filter:drop-shadow(0 3px 2px #16261955)}
.scene-hedgehogs{background:radial-gradient(ellipse at 20% 0,#a6b48235,transparent 65%),linear-gradient(120deg,#42583d,#263e30)}.art-path{position:absolute;width:120%;height:53px;left:-10%;top:67px;background:#b49c6c55;transform:rotate(-9deg);border-block:2px dashed #d5bf8d35;border-radius:50%}.art-hedge{width:135px;height:105px;bottom:9px;z-index:1}.hedge-one{left:4%;transform:rotate(-4deg)}.hedge-two{left:30%;bottom:20px}.hedge-three{left:57%;bottom:34px;transform:scale(.9)}.art-apple{width:26px;height:29px;left:10%;top:13px}.art-leaf{width:30px;height:32px;right:11%;top:10px;transform:rotate(12deg)}
.scene-mice{background:repeating-linear-gradient(0deg,transparent 0 33px,#795f3c35 34px 35px),linear-gradient(110deg,#866e49,#536347)}.art-room{position:absolute;inset:14px 20px;border:5px solid #d5c7a665;border-bottom:0;border-radius:12px 12px 0 0}.art-cat{width:112px;height:112px;right:17%;top:16px;transform:rotate(-20deg)}.art-mouse{width:40px;height:64px;left:19%;bottom:12px;transform:rotate(55deg)}.art-cheese{width:47px;height:48px;left:39%;bottom:18px;transform:rotate(-8deg)}
.scene-pig{background:radial-gradient(ellipse at 50% 70%,#9da66c40,transparent 70%),linear-gradient(120deg,#475c45,#2b4137)}.art-dice{width:195px;height:145px;left:calc(50% - 98px);top:0;transform:rotate(-6deg);z-index:1}.art-chip{position:absolute;width:32px;height:12px;background:#c3a66e;border:2px solid #7e693f;border-radius:50%;box-shadow:0 4px #927747,0 7px #5c5137}.chip-one{left:14%;bottom:27px}.chip-two{right:17%;top:24px}.chip-three{right:13%;top:47px}
.scene-reversi{background:radial-gradient(ellipse at center,#63795870,transparent 80%),#243d30}.art-reversi-board{position:absolute;left:calc(50% - 72px);top:4px;width:144px;height:144px;padding:7px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#a89060;border:3px solid #ccb57f;border-radius:8px;transform:rotate(-12deg);box-shadow:7px 9px 0 #12291a66}.art-reversi-board i{display:grid;place-items:center;background:#3f6047;border:1px solid #78937333}.art-reversi-board b{display:block;width:80%;height:80%;border-radius:50%;box-shadow:1px 3px 2px #10241980}.art-reversi-board .light{background:radial-gradient(circle at 35% 30%,#f0e6c9,#b6b49e);border:1px solid #e0d5b2}.art-reversi-board .dark{background:radial-gradient(circle at 35% 30%,#516055,#182d24);border:1px solid #637467}
.company-art{position:relative;width:260px;height:155px;pointer-events:none}.company-art>span{position:absolute;display:block}.company-hedge{left:0;bottom:0;width:150px;height:120px;z-index:2;transform:rotate(-5deg)}.company-mouse{left:137px;bottom:8px;width:35px;height:60px;transform:rotate(20deg);z-index:2}.company-die{right:0;top:0;width:130px;height:105px;transform:rotate(8deg)}.catalog-heading{position:relative;padding-right:235px}.catalog-heading>.company-art{position:absolute;right:0;bottom:1px;width:220px;height:125px}.catalog-heading .company-hedge{width:125px;height:100px}.catalog-heading .company-die{width:115px;height:85px}.catalog-heading .company-mouse{left:115px;width:29px;height:50px}.auth-intro>.company-art{margin-top:22px}
@media(hover:hover){.game-card .game-illustration>span{transition:transform .35s ease}.game-card:hover .art-hedge{transform:translateX(6px) rotate(-3deg)}.game-card:hover .art-mouse{transform:translateX(7px) rotate(55deg)}.game-card:hover .art-dice{transform:rotate(3deg) translateY(-3px)}}
@media(max-width:760px){.catalog-heading{padding-right:150px}.catalog-heading>.company-art{width:145px;height:100px}.catalog-heading .company-hedge{width:100px;height:80px}.catalog-heading .company-mouse{left:90px;width:23px;height:42px}.catalog-heading .company-die{width:78px;height:64px;right:-3px;top:-5px}}
@media(max-width:620px){.game-grid.three{grid-template-columns:1fr}.game-card{grid-template-columns:108px minmax(0,1fr)}.compact-art{height:100%;min-height:130px;padding:0}.compact-art>small{left:5px;right:5px;bottom:6px;text-align:center;padding:4px 2px;font-size:8px}.art-hedge{width:91px;height:75px}.hedge-one{left:-10%;bottom:14px}.hedge-two{left:33%;bottom:47px;width:78px}.hedge-three{display:none!important}.art-path{top:55px}.art-apple{left:10%;top:12px;width:23px}.art-leaf{display:none!important}.art-room{inset:9px 6px}.art-cat{width:70px;height:70px;right:2px;top:11px}.art-mouse{width:26px;height:40px;left:9%;bottom:25px}.art-cheese{width:27px;height:30px;left:46%;bottom:28px}.art-dice{width:123px;height:103px;left:-5px;top:3px}.art-chip{width:22px;height:9px}.chip-one{left:10%;bottom:28px}.chip-two,.chip-three{display:none}.art-reversi-board{width:112px;height:112px;left:-2px;top:4px;padding:5px}.catalog-heading{padding-right:0}.catalog-heading>.company-art{display:none}.auth-intro>.company-art{width:170px;height:100px;margin-top:8px}.auth-intro .company-hedge{width:110px;height:85px}.auth-intro .company-die{width:90px;height:75px}.auth-intro .company-mouse{left:100px;width:25px;height:45px}}
@media(prefers-reduced-motion:reduce){.game-card .game-illustration>span{transition:none!important}}
.dice-table{background:radial-gradient(ellipse at center,#78976a20,transparent 65%);border-radius:14px}.dice-table .hero-die{display:grid;place-items:center;min-height:155px;margin:15px auto}.dice-table .wooden-die{display:block;width:145px;height:155px;filter:drop-shadow(6px 8px 4px #12271c66);transform:rotate(-6deg)}.reversi-table .reversi-grid{border:8px solid #9d865b;outline:1px solid #dac48a99;border-radius:12px;background:#b29b6b;box-shadow:inset 0 0 0 2px #d4c297,0 10px 22px #0c1d1944;gap:3px}.reversi-table .reversi-cell{background:linear-gradient(135deg,#466b50,#36563f);box-shadow:inset 0 0 0 1px #81977b33;border-radius:2px}.reversi-table .disc.black{background:radial-gradient(circle at 32% 24%,#637268,#1c3027 70%);border:1px solid #718375;box-shadow:2px 4px 3px #10221988,inset 0 -2px #0a1c15}.reversi-table .disc.white{background:radial-gradient(circle at 30% 22%,#fff5d7,#c2c2a8 80%);border:1px solid #e9dcba;box-shadow:2px 4px 3px #10221988,inset 0 -2px #9a9e83}.reversi-table .reversi-cell.legal{box-shadow:inset 0 0 0 2px #c5d391}.reversi-table .legal-dot{background:#d7dfaa;box-shadow:0 0 0 4px #d8dfab17}@media(max-width:620px){.dice-table .wooden-die{width:115px;height:125px}.dice-table .hero-die{min-height:130px}.reversi-table .reversi-grid{border-width:5px;gap:2px}}
/* Quiet wood grain and material edges throughout the site. */
body{background-color:#10241c;background-image:url('/src/assets/wood-grain.svg');background-size:480px 640px}.site-content{background:linear-gradient(100deg,#10241c40,#10241c18 45%,#10241c40);min-height:100dvh}#site-sidebar{background-color:#172e23;background-image:linear-gradient(90deg,#12271de0,#19322588),url('/src/assets/wood-grain.svg');background-size:auto,330px 640px;border-right:3px solid #645b3b;box-shadow:inset -1px 0 #c0b17b55,5px 0 14px #081a1455}#site-footer{position:relative;background-color:#12281f;background-image:linear-gradient(#10261fd9,#10261fbb),url('/src/assets/wood-grain.svg');background-size:auto,480px 640px;border-top:3px solid #655c3d;box-shadow:inset 0 1px #c4b78040,0 -5px 16px #0b1d1735}#site-footer:before{content:'';position:absolute;top:5px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#cabb7950,transparent);pointer-events:none}.panel,.game-card,.game-area,.auth-panel{background-image:linear-gradient(#193326d9,#193326d9),url('/src/assets/wood-grain.svg');background-size:auto,480px 640px}.footer-bottom{border-top-color:#a18e5930}.sidebar-brand{padding-bottom:10px;border-bottom:1px solid #c7b07825}.primary-nav a[aria-current="page"]{box-shadow:inset 3px 0 #b9ad77}.side-block{border-top-color:#a9996835}
@media(max-width:900px){#mobile-header{background-image:linear-gradient(#152e24d9,#152e24d9),url('/src/assets/wood-grain.svg');border-bottom:2px solid #6b6141}#site-sidebar{box-shadow:inset -1px 0 #c0b17b55,10px 0 30px #07191080}}