:root{--ink:#f8ead0;--muted:#bda987;--deep:#100c09;--panel:#20160fc7;--brass:#d5ab62;--emerald:#6bc4a6;--violet:#8f7af0}*{box-sizing:border-box}html,body{background:var(--deep);min-height:100%;color:var(--ink);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}.portal-shell{background:radial-gradient(circle at 50% 18%,#c5944b38,#0000 30%),linear-gradient(90deg,#1e120cf2,#0c0908d6 46%,#161f19eb),#100c09;min-height:100vh;padding:18px;overflow:hidden}.library-frame{background-color:#110c09e0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #d5ab6257;flex-direction:column;min-height:calc(100vh - 36px);display:flex;position:relative;box-shadow:inset 0 0 90px #000000b8,0 24px 80px #00000073}.topbar{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d090794;border-bottom:1px solid #d5ab6233;grid-template-columns:minmax(190px,1fr) auto minmax(160px,1fr);align-items:center;gap:16px;padding:18px 22px;display:grid}.brand-lockup{align-items:center;gap:13px;display:flex}.brand-mark{background:linear-gradient(135deg,#0000 42%,#d5ab62e6 43% 57%,#0000 58%),radial-gradient(circle,#74d2b26b,#0000 54%),#21160f;border:1px solid #d5ab62b8;width:38px;height:38px;transform:rotate(45deg)}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,44px);font-weight:500;line-height:.95}.hud{background:#1c120cbd;border:1px solid #d5ab6242;grid-template-columns:repeat(4,minmax(72px,1fr));min-width:min(520px,45vw);display:grid;overflow:hidden}.hud span{min-width:0;color:var(--muted);border-right:1px solid #d5ab6229;gap:2px;padding:9px 12px;font-size:11px;display:grid}.hud span:last-child{border-right:0}.hud strong{color:var(--ink);font-size:17px;font-weight:650}.actions{justify-content:flex-end;gap:9px;display:flex}.primary-action,.icon-action{color:#17100a;cursor:pointer;background:linear-gradient(#f1d798,#bd8d45);border:1px solid #d5ab628c;min-height:42px}.primary-action{min-width:92px;padding:0 18px;font-weight:760}.icon-action{width:42px;font-size:20px}.primary-action:hover,.icon-action:hover{filter:brightness(1.08)}.game-stage{flex:1;grid-template-columns:minmax(118px,.16fr) minmax(360px,1fr) minmax(118px,.16fr);gap:16px;min-height:0;padding:18px 20px 8px;display:grid}.portal-rail,.shelf-panel{flex-direction:column;justify-content:center;gap:16px;min-width:0;display:flex}.portal-stone,.shelf-door{background:var(--panel);min-height:104px;color:var(--ink);text-align:center;border:1px solid #d5ab624d;place-items:center;text-decoration:none;display:grid}.portal-stone{gap:10px;padding:12px 8px;transition:transform .18s,border-color .18s}.portal-stone:hover{border-color:#f8ead0a8;transform:translateY(-2px)}.portal-stone span{background:var(--brass);border-radius:999px;width:28px;height:28px;box-shadow:0 0 24px}.portal-stone.gold{color:var(--brass)}.portal-stone.violet{color:var(--violet)}.portal-stone.emerald{color:var(--emerald)}.canvas-wrap{background:radial-gradient(circle at 50% 44%,#d5ab6226,#0000 42%),#080605c7;border:1px solid #d5ab625c;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.game-host{width:100%;height:100%;min-height:430px}.game-host canvas{display:block;width:100%!important;height:100%!important}.status-ribbon{max-width:min(420px,100% - 32px);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100b08d1;border:1px solid #d5ab625c;padding:10px 12px;font-size:13px;position:absolute;bottom:16px;right:16px}.status-ribbon.running{border-color:#6bc4a6a3}.status-ribbon.lost{border-color:#e0604cbd}.status-ribbon.won{border-color:#8f7af0c2}.shelf-door{color:var(--muted);padding:12px;font-family:Georgia,Times New Roman,serif;position:relative}.shelf-door i{background:var(--brass);border-radius:999px;width:8px;height:8px;position:absolute;bottom:12px;right:14px}.bottom-peek{min-height:42px;color:var(--muted);border-top:1px solid #d5ab622e;justify-content:center;align-items:center;font-size:13px;display:flex}@media (max-width:980px){.portal-shell{padding:10px}.library-frame{min-height:calc(100vh - 20px)}.topbar{grid-template-columns:1fr;align-items:stretch}.hud{width:100%;min-width:0}.actions{justify-content:flex-start}.game-stage{grid-template-columns:1fr;padding:12px}.portal-rail,.shelf-panel{grid-template-columns:repeat(3,1fr);display:grid}.portal-stone,.shelf-door{min-height:76px}}@media (max-width:620px){.portal-shell{padding:0}.library-frame{border-left:0;border-right:0;min-height:100vh}.topbar{padding:14px}.hud{grid-template-columns:repeat(2,1fr)}.game-stage{gap:10px}.portal-rail,.shelf-panel{grid-template-columns:1fr}.game-host{min-height:340px}.status-ribbon{max-width:none;bottom:10px;left:10px;right:10px}}