:root{color:#f7f1e8;background:#17130f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(119,31,18,.28),transparent 42%),linear-gradient(180deg,#17130f,#241d18 54%,#111614)}a{color:inherit}.page-shell{min-height:100vh}.stream-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(360px,1.28fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:82vh;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:56px 0 28px}.stream-copy{display:grid;gap:18px}.eyebrow,.panel-label{margin:0;color:#f3b35f;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;color:#fff9f0;font-size:clamp(3.2rem,8vw,7.25rem);line-height:.92;letter-spacing:0}.intro{max-width:34rem;margin:0;color:#ded0bf;font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:12px}.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #efb562;border-radius:6px;background:#efb562;color:#23150d;font-weight:800;text-decoration:none}.player-frame,.chat-panel{overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#050505;box-shadow:0 22px 70px #00000059}.player-frame{aspect-ratio:16 / 9;border-radius:8px}iframe{display:block;width:100%;height:100%;border:0}.details-section{display:grid;grid-template-columns:minmax(240px,.48fr) minmax(320px,1fr);gap:24px;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:0 0 48px}.status-panel{display:flex;min-height:104px;gap:14px;align-items:center;padding:20px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.status-dot{width:12px;height:12px;flex:0 0 auto;border-radius:50%;background:#42d392;box-shadow:0 0 0 6px #42d39224}.status-dot-checking{background:#efb562;box-shadow:0 0 0 6px #efb56224}.status-dot-offline{background:#e86755;box-shadow:0 0 0 6px #e8675524}.panel-value{margin:4px 0 0;color:#fff9f0;font-weight:700}.chat-panel{height:360px;border-radius:8px}@media(max-width:840px){.stream-section,.details-section{grid-template-columns:1fr;width:min(100% - 28px,680px)}.stream-section{min-height:auto;padding-top:36px}.details-section{padding-bottom:32px}.chat-panel{height:420px}}@media(max-width:520px){h1{font-size:3.35rem}.intro{font-size:1rem}.primary-link{width:100%}}body{background:linear-gradient(#0714189e,#071418eb),radial-gradient(circle at 18% 8%,rgba(232,103,85,.28),transparent 26%),radial-gradient(circle at 82% 18%,rgba(239,181,98,.2),transparent 24%),url(/assets/yamato-boat-deck-R5qoXTA9.png) center top / cover fixed no-repeat,linear-gradient(180deg,#0d1719,#163036 42%,#211813)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:repeating-linear-gradient(94deg,rgba(255,255,255,.04) 0 1px,transparent 1px 64px);pointer-events:none}h1,h2,h3,p{margin:0}h2{color:#fff8ed;font-size:clamp(2rem,4vw,4.1rem);line-height:1;letter-spacing:0}h3{color:#fff8ed;font-size:1.1rem;letter-spacing:0}button{color:inherit;cursor:pointer;font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stream-section{display:grid;grid-template-columns:1fr;gap:22px;align-items:stretch;min-height:auto;width:min(1420px,calc(100% - 48px));padding:28px 0 24px}.stream-copy{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(270px,360px);gap:16px;align-items:center;width:100%;margin:0 auto;min-width:0}.title-banner{display:none}.title-banner-v3{position:relative;isolation:isolate;width:min(100%,1180px);aspect-ratio:3.15 / 1;margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(180deg,#0711152e,#071115d1),radial-gradient(circle at 50% 30%,rgba(243,179,95,.36),transparent 38%),radial-gradient(circle at 12% 84%,rgba(244,85,182,.24),transparent 26%),radial-gradient(circle at 88% 80%,rgba(139,216,208,.24),transparent 28%),linear-gradient(135deg,#092128,#21140f 68%,#05080a);box-shadow:0 28px 80px #00000075,inset 0 1px #ffffff2e}.title-banner-v3:before,.title-banner-v3:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.title-banner-v3:before{z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 54px),radial-gradient(circle at 50% 12%,rgba(255,255,255,.22),transparent 28%);mix-blend-mode:screen}.title-banner-v3:after{z-index:5;box-shadow:inset 0 0 80px #000000c7}.banner-glow{position:absolute;inset:10% 8% auto;z-index:2;height:46%;border-radius:999px;background:radial-gradient(ellipse,rgba(255,226,158,.36),transparent 70%);filter:blur(10px)}.banner-character{position:absolute;z-index:3;display:block;object-fit:cover;border:2px solid rgba(255,246,218,.42);box-shadow:0 22px 44px #00000085,0 0 34px #f3b35f29}.banner-character-captain{left:4%;bottom:9%;width:20%;aspect-ratio:1;border-radius:50%;transform:rotate(-7deg)}.banner-character-yamtina{right:3%;bottom:4%;width:22%;height:84%;border-radius:8px;object-position:center 20%;transform:rotate(4deg)}.banner-character-kirball{left:27%;bottom:-8%;width:15%;aspect-ratio:1;border-radius:50%;transform:rotate(3deg)}.banner-character-ross{right:28%;bottom:9%;width:15%;aspect-ratio:1;border-radius:50%;object-position:center 22%;transform:rotate(-2deg)}.banner-character-morty{right:16%;bottom:-1%;width:14%;aspect-ratio:1.25;border-radius:999px;object-fit:contain;background:#00000080;transform:rotate(-8deg)}.banner-title{position:absolute;left:55%;top:14%;z-index:4;display:grid;justify-items:center;width:70%;color:#fff2c8;font-family:Georgia,Times New Roman,serif;font-weight:1000;line-height:.86;letter-spacing:0;text-align:center;text-shadow:0 5px 0 #4a2114,0 13px 26px rgba(0,0,0,.68),0 0 34px rgba(243,179,95,.34);transform:translate(-50%) perspective(420px) rotateX(12deg)}.banner-title span:first-child{font-size:clamp(3rem,7vw,7.8rem);transform:rotate(-4deg)}.banner-title span:last-child{margin-top:8px;font-size:clamp(3.2rem,7.8vw,8.4rem);transform:rotate(4deg)}.section-heading{display:grid;gap:14px}.intro{color:#ead9c2;max-width:620px;justify-self:end;line-height:1.45}.stream-copy .actions{justify-self:start}.primary-link,.secondary-link,.lure-button,.stream-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:6px;font-weight:900;text-decoration:none}.lure-button{background:#f3b35f;color:#24150f}.secondary-link,.stream-pill{background:#ffffff14;color:#fff8ed}.stream-pill:before{width:10px;height:10px;margin-right:9px;border-radius:50%;content:"";background:#efb562;box-shadow:0 0 0 5px #efb5621f}.stream-pill-online{border-color:#41d39280}.stream-pill-online:before{background:#42d392;box-shadow:0 0 0 5px #42d39224}.stream-pill-offline{border-color:#e8675594}.stream-pill-offline:before{background:#e86755;box-shadow:0 0 0 5px #e8675524}.stream-media-wrap{display:grid;gap:10px}.stream-media{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:16px;align-items:stretch;min-width:0}.stream-media .player-frame,.stream-chat-panel{height:min(58vh,520px);min-height:360px}.stream-media .player-frame{aspect-ratio:auto}.stream-chat-panel{margin-top:0}.deck-section,.characters-section{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:42px 0}.deck-section{display:grid;grid-template-columns:minmax(320px,1fr) minmax(280px,.42fr);gap:24px;align-items:stretch}.deck-section .section-heading{grid-column:1 / -1}.ship-playground,.character-card{border:1px solid rgba(255,255,255,.16);background:#040c0eb8;box-shadow:0 24px 80px #0000005c}.ship-playground{position:relative;min-height:420px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 74% 16%,rgba(255,239,191,.9) 0 34px,transparent 35px),linear-gradient(180deg,#11303ad1 0,#11303ad1 46%,#271c14eb 46%,#271c14eb),repeating-linear-gradient(0deg,#b4693733 0,#b4693733 12px,#341f153d 12px,#341f153d 24px)}.ship-playground:before{position:absolute;inset:51% 0 auto;height:120px;content:"";background:linear-gradient(90deg,transparent 0 12%,rgba(255,248,237,.18) 12% 13%,transparent 13% 30%,rgba(255,248,237,.14) 30% 31%,transparent 31%),linear-gradient(180deg,#6f3b22,#3b2118);transform:skewY(-2deg)}.mast{position:absolute;left:49%;bottom:19%;width:14px;height:68%;background:linear-gradient(90deg,#6c3d22,#c07a42 42%,#4a2a1b);transform:translate(-50%)}.mast:after{position:absolute;left:-120px;top:46px;width:260px;height:8px;content:"";background:#7a4729;transform:rotate(-4deg)}.moon{position:absolute;right:17%;top:10%;width:68px;height:68px;border-radius:50%;background:#fff1bd;box-shadow:0 0 48px #fff1bd7a}.wave{position:absolute;left:-8%;width:116%;height:54px;border-radius:50%;border-top:8px solid rgba(165,222,218,.42)}.wave-one{top:36%}.wave-two{top:42%;animation:tide 6s ease-in-out infinite}.crate,.bait-bucket{position:absolute;bottom:38px;background:linear-gradient(135deg,#9d5b32,#55301f);border:2px solid rgba(255,248,237,.18)}.crate{width:90px;height:68px}.crate-left{left:8%}.crate-right{right:11%;bottom:60px}.bait-bucket{left:38%;width:74px;height:82px;border-radius:0 0 18px 18px}.lure-button{position:absolute;right:24px;bottom:24px;z-index:4;box-shadow:0 14px 32px #00000047}.rat-button{position:absolute;z-index:5;width:72px;height:38px;border:0;background:transparent;transform:translate(-50%,-50%);animation:ratTwitch 2.7s ease-in-out infinite}.rat-button-scurried{pointer-events:none;animation:scurryAway .68s ease-in forwards}.rat-body{position:absolute;left:14px;top:10px;width:44px;height:24px;border-radius:50% 42% 48% 50%;background:#1d1716;box-shadow:inset -8px -4px #ffffff14}.rat-ear{position:absolute;top:5px;width:10px;height:10px;border-radius:50%;background:#2b2220}.rat-ear-left{left:47px}.rat-ear-right{left:54px}.rat-tail{position:absolute;left:0;top:20px;width:24px;height:3px;border-radius:999px;background:#b27668;transform:rotate(18deg)}.deck-readout{display:grid;align-content:start;gap:18px;padding:22px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.fortune-line{color:#ead9c2;font-weight:700}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:22px}.character-card{display:grid;gap:14px;min-height:252px;padding:18px;border-radius:8px;background:linear-gradient(180deg,#ffffff14,#ffffff05),#081214d1}.character-mark{display:grid;place-items:center;width:64px;height:64px;border:2px solid rgba(243,179,95,.76);border-radius:50%;background:radial-gradient(circle,#2a4245,#111b1f);color:#f3b35f;font-weight:1000}.character-role{margin:6px 0 10px;color:#8fd0c5;font-size:.9rem;font-weight:900}.character-card p:not(.character-role){color:#d9c7ae}@keyframes tide{50%{transform:translate(4%)}}@keyframes ratTwitch{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-45%,-54%) rotate(3deg)}}@keyframes scurryAway{to{opacity:0;transform:translate(180px,40px) rotate(12deg) scale(.4)}}@media(max-width:1040px){.deck-section,.stream-copy,.stream-media{grid-template-columns:1fr}.stream-media .player-frame{height:auto;min-height:0;aspect-ratio:16 / 9}.stream-chat-panel{height:360px;min-height:360px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.stream-section,.deck-section,.characters-section{width:min(100% - 28px,680px)}.stream-section{min-height:auto;padding-top:20px}.title-banner-v3{aspect-ratio:2.35 / 1}.banner-character-kirball,.banner-character-ross,.banner-character-morty{opacity:.82}h1{font-size:3.3rem}.ship-playground{min-height:360px}.character-grid{grid-template-columns:1fr}.lure-button,.primary-link,.secondary-link{width:100%}}
