:root{--primary: #1d455f;--secondary: #5797c0;--light: #eeeeee;--gray: #cbcbcb;--ink: #24323c;--muted: #5d6e7a;--line: rgba(29, 69, 95, .14);--line-strong: rgba(29, 69, 95, .28);--sans: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--moss: #1d455f;--tide: #5797c0;--amber: #3d6f94;--sky: #5797c0;--coral: #1d455f;--copper: #5797c0;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 420px at 0% -10%,rgba(87,151,192,.16),transparent 60%),radial-gradient(700px 380px at 100% 0%,rgba(29,69,95,.05),transparent 55%),#f3f6f7;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%}::selection{background:var(--secondary);color:#fff}.shell{min-height:100vh;display:flex;flex-direction:column}.shell>main{flex:1 0 auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 4vw;position:sticky;top:0;z-index:20;background:#f3f6f7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--primary)}.brand-logo{width:52px;height:52px;object-fit:contain}.brand-name{font-weight:800;font-size:1.35rem;letter-spacing:0;text-transform:none;color:var(--primary)}.brand-name span{color:var(--secondary);font-weight:700}.nav-links,.nav-actions{display:flex;align-items:center;gap:1.4rem}.nav-links a,.text-link,button.text-link{text-decoration:none;color:var(--ink);font-size:.98rem;font-weight:600;background:none;border:none;padding:0}.nav-links a:hover,.text-link:hover{color:var(--secondary)}.nav-toggle{display:none;background:#fff;border:none;color:var(--primary);padding:.5rem .85rem;border-radius:999px;box-shadow:0 4px 14px #1d455f14}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;background:var(--secondary);color:#fff;text-decoration:none;padding:.85rem 1.35rem;border-radius:999px;font-weight:700;box-shadow:0 8px 18px #5797c047}.btn:hover{background:#4687af}.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px #ffffffb3}.section .btn.ghost,.plate .btn.ghost,.world .btn.ghost,.nav .btn.ghost{color:var(--primary);background:#fff;box-shadow:0 6px 16px #1d455f14}.btn.ghost:hover{background:var(--secondary);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{padding:.4rem .7rem;font-size:.85rem}.wrap{width:min(1120px,calc(100% - 8vw));margin:0 auto}.hero{background:radial-gradient(520px 220px at 18% 20%,rgba(87,151,192,.35),transparent 70%),linear-gradient(165deg,#245676 0%,var(--primary) 58%,#16364c 100%);color:#fff;padding:4.2rem 0 4.4rem;border-radius:0 0 36px 36px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center}.kicker{margin:0 0 .7rem;letter-spacing:.02em;text-transform:none;font-size:.95rem;font-weight:600;color:var(--secondary)}.hero .kicker{color:#d7ebf7}h1,h2,h3{font-weight:800;letter-spacing:-.02em;color:var(--primary)}.hero h1,.hero h2{color:#fff}h1{font-size:clamp(3rem,6vw,4.6rem);line-height:.95;margin:0 0 1rem}h1 em,h2 em{font-style:normal;color:var(--secondary)}.hero h1 em{color:#d7ebf7}.lede{font-size:1.15rem;max-width:38rem;margin:0 0 1.4rem}.hero .lede,.hero .fine{color:#ffffffeb}.hero .plate .fine{color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.fine{color:var(--muted);font-size:.92rem}.hero-side{display:grid;gap:1rem}.plate{background:#fffffff5;color:var(--ink);border-radius:22px;padding:1.3rem 1.35rem 1.15rem;box-shadow:0 18px 40px #10283a1f}.plate-top,.plate-foot,.spread{display:flex;justify-content:space-between;gap:1rem;align-items:center}.plate-name{font-family:var(--mono);font-size:1.05rem;margin:0 0 .35rem;word-break:break-all;color:var(--primary)}.hero .plate input{width:100%;margin-top:.8rem;background:#f7fafb;border:none;border-radius:14px;padding:.85rem .95rem;font-size:1.15rem;color:var(--primary);box-shadow:inset 0 0 0 1px #1d455f14}.plate-foot{margin-top:.9rem;color:var(--muted);font-size:.82rem}.section{padding:4.2rem 0}.section h2{font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.05;margin:0 0 1.2rem}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.4rem}.section-head h2{margin:0}.world-grid,.tier-grid,.step-grid{display:grid;gap:1rem}.world-grid{grid-template-columns:repeat(3,1fr)}.card,.tier,.step,.world{background:#fff;border-radius:22px;padding:1.35rem 1.4rem 1.3rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;min-height:100%;box-shadow:0 10px 28px #1d455f0f}.card:hover,.tier:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1d455f1a}.card-kicker,.meta{color:var(--secondary);font-size:.92rem;letter-spacing:0;text-transform:none;font-weight:600}.game-mark{width:4.6rem;height:4.6rem;margin:0 0 .85rem;display:block}.card h3,.tier h3,.world h3{margin:.15rem 0;font-size:1.7rem}.card p,.tier p,.step p{color:#44535d;margin:.35rem 0 0}.card-price{margin-top:auto;padding-top:1rem;font-weight:800;font-size:1.15rem;color:var(--primary)}.accent-moss,.accent-tide,.accent-amber,.accent-sky,.accent-coral,.accent-copper{color:var(--secondary)}.sheet{background:transparent}.room-note{margin-top:1.4rem}.tier-grid,.step-grid{grid-template-columns:1fr 1fr}.price-big{font-size:2rem;font-weight:800;margin:.4rem 0;color:var(--primary)}.meter{height:4px;background:var(--gray);margin:1rem 0;border-radius:4px}.meter span{display:block;height:100%;background:var(--secondary);border-radius:4px}.step strong{font-size:1.25rem;display:block;margin:.3rem 0;color:var(--primary)}.index{font-family:var(--mono);font-size:.75rem;color:var(--secondary);font-weight:700}.mono{font-family:var(--mono)}.order-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;align-items:start}.choice{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.8rem 0}.choice button{text-align:left;background:#f7fafb;border:none;border-radius:16px;padding:.95rem 1rem;color:var(--ink);box-shadow:inset 0 0 0 1px #1d455f14}.choice button.selected{box-shadow:inset 0 0 0 2px var(--secondary);background:#fff}label{display:block;margin:.9rem 0 .35rem;font-size:.95rem;letter-spacing:0;text-transform:none;font-weight:600;color:var(--primary)}input,textarea{width:100%;background:#f7fafb;border:none;padding:.8rem .9rem;border-radius:14px;outline:none;box-shadow:inset 0 0 0 1px #1d455f14}textarea{min-height:8rem;resize:vertical}input:focus,textarea:focus{border-color:var(--secondary)}.preview{font-family:var(--mono);font-size:1.05rem;margin:.7rem 0;color:var(--primary)}.ok{color:#1d455f;font-weight:700}.bad{color:#8a3b3b}.form-error{background:#fdecec;color:#6d2b2b;padding:.75rem .9rem;margin:.8rem 0;border-radius:14px}.legal{color:var(--muted);font-size:.88rem}.world{gap:.65rem}.world-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.secret{font-family:var(--mono);background:#f7fafb;padding:.75rem .9rem;border-radius:14px}.meter-block{display:grid;gap:.4rem}.meter-label{display:flex;justify-content:space-between;gap:1rem;color:var(--primary);font-weight:700;font-size:.95rem}.meter{height:10px;background:#e7eef2;border-radius:99px;overflow:hidden}.meter>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .45s ease}.table-wrap{overflow-x:auto;background:#fff;border-radius:22px;box-shadow:0 10px 28px #1d455f0f}table{width:100%;border-collapse:collapse;font-size:.98rem}th,td{text-align:left;padding:.9rem 1rem;border-bottom:1px solid rgba(29,69,95,.06);vertical-align:top}th{color:var(--primary);font-weight:700;font-size:.95rem}.note-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}.footer{display:flex;justify-content:center;gap:1rem;align-items:center;padding:1.1rem 4vw;background:var(--primary);color:var(--gray);font-size:.92rem}.footer .brand,.footer .brand-name{color:#fff}.footer a{color:var(--gray)}.footer .brand-name span{color:#d7ebf7}.empty{padding:2rem 0;color:var(--muted)}@media(max-width:900px){.nav-toggle{display:inline-flex}.nav-actions .rent{display:none}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;padding:1rem 4vw 1.2rem;background:#fff;box-shadow:0 10px 16px #1d455f14}.nav-links.open{display:flex}.hero-grid,.world-grid,.tier-grid,.step-grid,.order-layout,.note-grid{grid-template-columns:1fr}h1{font-size:2.6rem}.section-head,.plate-foot{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.meter>span{animation:none;transition:none}html{scroll-behavior:auto}}