/* Shared RaftSMP surfaces. Layouts and product identities remain page-specific. */
:root{--raft-accent:#ffae52;--raft-text:#f2eee8;--raft-muted:#b5aaa0;--raft-line:#ffffff13;--raft-ease:cubic-bezier(.22,.8,.22,1)}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body,body.store-page{background:radial-gradient(ellipse 900px 580px at 12% -8%,#c46d1813,transparent 75%),radial-gradient(ellipse 850px 550px at 100% 65%,#c46d1807,transparent 75%),#121110;color:var(--raft-text);min-height:100dvh}
::selection{background:#ffae5244;color:#fff}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--raft-accent);outline-offset:5px}
:where(button,a){touch-action:manipulation}
:where(button,input,select,textarea){accent-color:var(--raft-accent)}
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;top:12px;left:12px;z-index:200;transform:translateY(-180%);padding:12px 18px;border-radius:10px;background:#ffae52;color:#21170d}
.skip-link:focus{transform:none}
.home-shell{padding-top:clamp(28px,7vh,68px);padding-bottom:28px}
.tile,.hero-square,.ip-action,.status-hero-scene,.discord-hero,.product-card,.receipt-card,.auth-card,.settings-card,.stat-card,.admin-product{border-color:var(--raft-line);box-shadow:0 16px 45px #00000020,inset 0 1px #ffffff05}
.visual-bento .tile,.hero-square,.ip-action,.product-card{transition:transform .5s var(--raft-ease),border-color .35s,box-shadow .35s;background-color:#1d1c1c}
.visual-bento .tile{isolation:isolate;--shine-x:50%;--shine-y:30%}
.visual-bento .tile:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(400px circle at var(--shine-x) var(--shine-y),#ffffff13,transparent 65%);transition:opacity .4s}
.visual-bento .tile:focus-visible{outline-offset:5px}
.tile .tile-bg{transition:transform .9s var(--raft-ease),filter .6s;will-change:auto}
.tile-store .tile-bg{object-position:50% 50%;filter:brightness(.91) saturate(.97)}
.tile-stats .tile-bg,.tile-join .tile-bg{object-position:center 48%;filter:brightness(.87) saturate(.93)}
.tile-join:after,.tile-stats:after{background:linear-gradient(180deg,#07060585,transparent 60%,#07060515)!important}
.tile .tile-overlay{background:linear-gradient(180deg,#00000020,transparent 60%)!important}
.tile .tile-title{color:#fff;font-weight:700;text-shadow:0 2px 12px #0008}
.tile-mini-text{color:#fff!important;text-shadow:0 2px 8px #000;line-height:1.8!important;opacity:.9}
.tile-discord{background:linear-gradient(145deg,#242221,#1b1b1c)!important}
.tile-discord .discord-glyph{color:#8188ff;filter:drop-shadow(0 10px 22px #5865f21c);transition:transform .55s var(--raft-ease)}
.tile-discord .discord-members{background:#ffffff04;border-color:#ffffff0e;color:#b9b1ac}
.tile-discord .discord-members strong{color:#eee7df}
.hero-square{background:radial-gradient(circle at 50% 40%,#ffae5213,transparent 70%),linear-gradient(150deg,#24211d,#1b1b1a)}
.hero-square img{filter:drop-shadow(0 14px 16px #0004);transition:transform .7s var(--raft-ease)}
.ip-action{background:linear-gradient(135deg,#2d241b,#211e1a);border-color:#ffae5226;color:#ffd1a0}
.ip-action small{color:#ba9c7c}
.subpage-nav,.store-top{color:#d7c8b9}
.subpage-nav a,.back-link,.support-link,.site-footer a{transition:color .2s,opacity .2s}
.subpage-nav a:hover,.back-link:hover,.support-link:hover{color:var(--raft-accent)}
.page-title-clean,.status-hero-head h1{color:#f4eee6!important}
.status-hero-sub{color:var(--raft-muted);font-size:14px}
.status-page-hero .status-hero-scene{min-height:560px;border-radius:26px}
.status-page-hero .status-hero-scene>img{object-position:center 48%}
.status-page-hero .status-scene-shade{background:linear-gradient(180deg,#08070600 35%,#08070633 65%,#08070677)}
.status-page-hero .status-info-card{background:linear-gradient(150deg,#29231bdc,#171614e8);backdrop-filter:blur(18px) saturate(125%);border-color:#ffe4c724;box-shadow:0 20px 50px #0005,inset 0 1px #ffffff0c}
.status-badge-large{color:#e7d9c9}
.status-copy-btn{background:#ffae5212!important;border-color:#ffae5235!important;color:#ffd2a0!important;transition:background .2s,transform .2s}
.status-copy-btn:hover{background:#ffae5226!important}
.status-mini-card{background:#fff5eb06!important;border-color:#ffe4c714!important}
.status-mini-label,.stats-hero-label{color:#b9ac9f!important}
.stats-hero-number{color:#fff2de!important;font-variant-numeric:tabular-nums}
.status-page-hero .stats-hero-number{font-size:clamp(68px,8vw,96px);line-height:1.1}
.status-checked{margin:18px 0 0;color:#b9ac9f;font-size:11px;line-height:1.7;border-top:1px solid #ffffff10;padding-top:13px}
[data-state=online] .status-dot{background:#77d99b;box-shadow:0 0 0 5px #77d99b12}
[data-state=offline] .status-dot{background:#ee8b7c;box-shadow:0 0 0 5px #ee8b7c12}
[data-state=unknown] .status-dot{background:#a69e96;box-shadow:0 0 0 5px #a69e9612;animation:none}
.discord-hero{background:radial-gradient(ellipse at 90% 0,#ffae520f,transparent 65%),linear-gradient(140deg,#26221d,#1a1918);border-color:#ffae521d}
.discord-hero p{color:var(--raft-muted)}
.button-primary,.primary-button{box-shadow:inset 0 1px #ffffff23,0 8px 24px #ffae5208;transition:transform .25s var(--raft-ease),background .2s,box-shadow .25s}
.primary-button:active,.button-primary:active,.ip-action:active,.purchase-button:active{transform:translateY(1px) scale(.985)}
.store-page .category-nav{background:#24211ee8;border-color:#ffffff12;backdrop-filter:blur(16px) saturate(125%);box-shadow:0 12px 30px #0003,inset 0 1px #ffffff08}
.store-page .product-card{background:linear-gradient(155deg,#25221f,#1d1c1b 75%);border-color:#ffffff12}
.store-page .product-card:hover{border-color:#ffae5242;box-shadow:0 20px 45px #0004,inset 0 1px #ffffff09}
.store-page .purchase-button{background:#30271f;border-color:#ffae5228}
.store-page .purchase-button:hover{background:#3a2c20;border-color:#ffae5260}
.store-dialog,.receipt-card{background:linear-gradient(145deg,#28231f,#1b1917);border-color:#ffdbb12b;box-shadow:0 32px 100px #0008,inset 0 1px #ffffff0c}
.store-dialog::backdrop,.admin-modal::backdrop{background:#090807a6;backdrop-filter:blur(12px) saturate(85%)}
.store-dialog[open],.admin-modal[open]{animation:raft-dialog-in .35s var(--raft-ease)}
.fine-print a{color:#e9c292;text-decoration:underline;text-underline-offset:3px}
.receipt-card{border-radius:24px}
.auth-card,.settings-card,.stat-card,.admin-product,.admin-modal{background:linear-gradient(145deg,#25221f,#1b1918);border-color:#ffffff12}
.admin-sidebar{background:#1a1817;border-color:#ffffff0c}
.admin-field input,.admin-field select,.admin-field textarea,.admin-toolbar input,.admin-toolbar select{background:#171514;border-color:#ffffff1a}
.admin-secondary{background:#302a24;border-color:#ffffff14;color:#c7b9aa}
.admin-secondary:hover{background:#3b3026}
.site-footer{max-width:1160px;margin:38px auto 0;padding:34px 24px 26px;text-align:center;border-top:1px solid #ffffff0b;direction:ltr;clear:both}
.site-footer-brand{font:700 24px/1.6 RaftMinecraft,Tahoma,sans-serif;letter-spacing:.3px;color:#eee5d9}
.site-footer p{font:11px/1.8 RaftMinecraft,Tahoma,sans-serif;color:#a0958a;margin:4px auto 13px;max-width:570px}
.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px}
.site-footer nav a{font:12px/1.8 RaftMinecraft,Tahoma,sans-serif;color:#b9a992;padding:4px 0}
.site-footer nav a:hover,.site-footer nav a[aria-current=page]{color:#ffd19b}
.site-footer small{display:block;font:10px/1.8 RaftMinecraft,Tahoma,sans-serif;color:#857b71;margin-top:19px}
.legal-shell{max-width:1000px;margin:0 auto;padding:20px 28px 30px}
.legal-heading{padding:20px 0 26px}
.legal-heading h1{font:700 clamp(28px,4vw,42px)/1.4 RaftMinecraft,Tahoma,sans-serif;color:#f3e9dc;margin:0 0 10px}
.legal-heading p{color:#a99a8b;font-size:13px;line-height:1.8;margin:0}
.legal-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px;align-items:start}
.legal-nav{position:sticky;top:25px;display:grid;gap:5px;padding:10px;border:1px solid #ffffff0c;border-radius:16px;background:#211d19b8;backdrop-filter:blur(12px)}
.legal-nav a{padding:10px 12px;font:13px/1.7 RaftMinecraft,Tahoma,sans-serif;color:#b6a794;border-radius:8px;transition:background .2s,color .2s}
.legal-nav a:hover,.legal-nav a[aria-current=page]{background:#ffae5210;color:#ffd3a1}
.legal-copy{font:15px/1.9 Arial,Tahoma,sans-serif;color:#cfc5b9;min-width:0}
.legal-copy section{margin:0 0 26px;padding-bottom:23px;border-bottom:1px solid #ffffff0b;scroll-margin-top:25px}
.legal-copy h2{font:700 18px/1.7 RaftMinecraft,Tahoma,sans-serif;color:#f1e4d3;margin:0 0 11px}
.legal-copy p{margin:0 0 12px}
.legal-copy ul{padding-left:21px;margin:8px 0 14px}
.legal-copy li{margin:7px 0}
.legal-copy a{color:#ffc37d;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-copy strong{color:#e9dece}
.legal-note{padding:17px 20px;border:1px solid #ffae5223;border-radius:12px;background:#ffae5207;color:#ceb397}
.legal-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.legal-contact a{font-family:RaftMinecraft,Tahoma,sans-serif;font-size:13px}
.raft-enter{animation:raft-arrive .7s var(--raft-ease) both}
@keyframes raft-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes raft-dialog-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.visual-bento .tile:hover{transform:translateY(-4px);border-color:#ffae523b;box-shadow:0 24px 50px #0004}.visual-bento .tile:hover:before{opacity:1}.tile:hover .tile-bg{transform:scale(1.035)}.tile-discord:hover .discord-glyph{transform:translateY(-4px) rotate(-4deg)}.hero-square:hover img{transform:translateY(-3px) rotate(-2deg)}.primary-button:hover{box-shadow:inset 0 1px #ffffff23,0 8px 25px #ffae5218}}
@media(max-width:700px){.home-shell{padding-top:22px;padding-bottom:12px}.site-footer{margin-top:25px;padding:26px 20px}.site-footer-brand{font-size:21px}.site-footer nav{gap:4px 17px}.site-footer nav a{font-size:11px}.site-footer p{font-size:10px;max-width:330px}.status-page-hero .status-hero-scene{min-height:535px}.status-page-hero .status-info-card{left:14px;right:14px;bottom:14px;padding:16px}.status-checked{font-size:10px}.legal-shell{padding:14px 20px 20px}.legal-layout{grid-template-columns:1fr;gap:23px}.legal-nav{position:static;display:flex;overflow:auto;gap:4px;scrollbar-width:thin}.legal-nav a{white-space:nowrap;font-size:11px}.legal-copy{font-size:14px}.legal-heading{padding:10px 0 22px}.legal-copy h2{font-size:17px}.tile-join .tile-bg{object-position:center 42%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.raft-enter,.reveal-card{opacity:1!important;transform:none!important}}
@media(max-width:700px){.status-page-hero .status-hero-scene{min-height:580px}.status-page-hero .status-hero-scene>img{object-position:27% center}}