@font-face{font-family:Flight;src:url('assets/nunito-latin-900.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Flight;src:url('assets/nunito-latin-700.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{font-family:Flight,'Trebuchet MS',sans-serif;--ink:#073b88;--blue:#1685ff;color:var(--ink);background:#d7efff}body{background:linear-gradient(130deg,#e6f7ff,#c6e6ff);color:var(--ink)}header{height:72px;padding:0 23px;background:linear-gradient(180deg,#fff,#e7f5ff);border-bottom:2px solid #c6e8ff;box-shadow:0 3px 10px #418ac322;gap:15px;position:relative;z-index:3}.brand{font-family:Flight,sans-serif;font-size:34px;letter-spacing:-1px;color:#06367c;text-shadow:0 2px 0 white,0 3px 3px #1a559c33;padding-left:56px;white-space:nowrap}.brand small{display:none}.brand-icon{top:-4px;font-size:47px;color:#188bfc;text-shadow:0 3px white,0 7px 8px #376c9d44}.top-center{display:flex;justify-content:center;color:#124989;font-size:15px;font-weight:900;letter-spacing:.3px}.top-center .live-dot{display:none}#mode-label{border:2px solid white;background:linear-gradient(#f9fdff,#cdeaff);border-radius:30px;box-shadow:0 2px 5px #316c9c22;padding:9px 30px;min-width:240px;text-align:center}nav .icon-btn{height:43px;min-width:43px;border:1px solid #b7d4f7;background:linear-gradient(#fff,#edf6ff);box-shadow:0 3px 3px #3e6b9a19;border-radius:16px;color:#104681;font-size:22px}#language{font-size:14px}#sound{font-size:26px}.play{max-width:none;margin:0;padding:0;gap:0;grid-template-columns:minmax(0,1fr) minmax(330px,30%);height:calc(100dvh - 72px);max-height:none;min-height:650px;overflow:hidden}.board-region{position:relative;min-height:0;background:#77c6ef;overflow:hidden}.board-top{position:absolute;left:20px;right:20px;top:12px;z-index:2;pointer-events:none;height:34px}.board-top>*{pointer-events:auto}.board-top .pill{background:#f2fbffdf;border:2px solid white;color:#245b99;box-shadow:0 3px 8px #13507e22;font-size:10px;padding:7px 12px}.board-tip{background:#eaf8ffd9;border-radius:20px;padding:7px 12px;color:#225480;font-size:10px;font-weight:800}.board-top .icon-btn{background:#f4fbffdc}.board-bottom{position:absolute;left:18px;right:18px;bottom:11px;z-index:2;height:30px}.board-bottom>span{color:#2d6385;background:#eafaffdb;padding:7px 9px;border-radius:10px;font-size:7px;box-shadow:0 2px 5px #225f7c22}.demo-button{background:linear-gradient(#fff,#d6eeff);border:1px solid white;color:#0c5da9;box-shadow:0 3px 6px #12537c22;padding:9px 15px;font-size:11px}#canvas-wrap{min-height:0;height:100%;width:100%;flex:1;border-radius:0;background:#7bc8ed}#impact{font-family:Flight,sans-serif;left:35%;top:40%;font-size:52px;font-weight:900;-webkit-text-stroke:2px #703e1b;paint-order:stroke fill;text-shadow:0 3px #fff,3px 7px #a95325;letter-spacing:-2px}#toast{bottom:55px;left:20px;transform:translateY(10px);background:linear-gradient(#fff,#e1f3ff);color:#123d83;border:2px solid #fff;border-radius:15px;box-shadow:0 5px 20px #1c4e7e30;font-size:16px;font-weight:900;padding:14px 20px;max-width:calc(100% - 40px)}#toast.visible{transform:translateY(0)}aside{background:linear-gradient(130deg,#f8fcff,#e6f3ff);padding:15px 15px 9px;gap:11px;border-left:2px solid white;overflow-y:auto;display:grid;grid-template-rows:auto auto minmax(230px,1fr) auto auto}.crew-head{padding:0 7px}.crew-head h2{font-size:27px;color:#06377d;font-weight:900;text-transform:uppercase;letter-spacing:-.8px}.crew-head>span{font-size:10px;color:#6185b3}#players{gap:8px}.player-row{padding:11px 13px;border-radius:20px;background:linear-gradient(135deg,#fff,#e4effd);border:1px solid #c7dafa;box-shadow:inset 0 1px 0 #fff,0 3px 5px #3676b50a;gap:12px;min-height:78px}.player-row.active{border:2px solid #4a9dff;background:linear-gradient(135deg,#ebf9ff,#dcebff);padding:10px 12px;box-shadow:0 3px 8px #3181c71c}.player-avatar{width:57px;height:57px;border-radius:50%;border:3px solid white;box-shadow:0 3px 7px #2b5a8f25;overflow:hidden;background-image:url('assets/avatars.png');background-size:200% 200%;font-size:0;flex-shrink:0}.avatar-0{background-position:0 0}.avatar-1{background-position:100% 0}.avatar-2{background-position:0 100%}.avatar-3{background-position:100% 100%}.player-info{display:flex;flex-direction:column;justify-content:center;gap:5px}.name-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.name-line b{font-size:20px;font-weight:900;line-height:1.15;max-width:145px}.name-line .type-badge{font-size:9px;font-weight:900;letter-spacing:.3px;color:#245b9d;background:#e9f4ff;border:1px solid #b8d5f8;border-radius:8px;padding:2px 7px}.name-line .seat-dot{width:13px;height:13px;box-shadow:inset 0 2px 2px #ffffff65;border-radius:50%;background:var(--seat);flex-shrink:0}.player-info small{font-size:10px;letter-spacing:0;font-weight:800;color:#245891}.plane-dots{display:none}.player-progress{display:none}.current-badge{font-size:8px;font-weight:900;color:white;background:linear-gradient(#39a1ff,#147aff);box-shadow:0 2px 3px #2073bf33;padding:5px 8px;border-radius:10px;position:absolute;right:9px;top:9px}.turn-panel{position:relative;padding:17px 16px 15px;border:1px solid #9fcdfb;box-shadow:inset 0 1px white,0 3px 5px #63a2d411;border-radius:21px;background:radial-gradient(ellipse at 45% 50%,#fff 0%,#e5f4ff 60%,#cbe7ff 100%);display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(95px,1fr) auto auto auto;align-content:stretch;justify-content:stretch;min-height:270px;overflow:hidden}.turn-title{position:relative;z-index:1;gap:8px}.turn-title b{font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:-1px}.turn-title b:before{content:'';display:inline-block;background:var(--turn-color,#208bfa);width:15px;height:15px;border-radius:50%;margin-right:8px;box-shadow:inset 0 2px 2px #ffffff88}.turn-title span{color:#e45357;background:#fff;border:1px solid #e2eaff;font-size:11px;white-space:nowrap;padding:6px 9px;box-shadow:0 3px 5px #2b69ab13}.dice-stage{height:auto;min-height:100px;perspective:600px;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 12deg,#fff8 12deg 18deg,transparent 18deg 40deg);mask-image:radial-gradient(ellipse,black 30%,transparent 70%)}.dice{width:93px;height:93px;border-radius:22px;background:linear-gradient(145deg,#fff 35%,#e6efff 70%,#c9dcf5);border:2px solid #fff;box-shadow:7px 9px 0 #bed2ee,11px 12px 0 #a4bede,0 21px 19px #4073ad38,inset -5px -5px 10px #a6c3eb44;transform:rotate(-12deg);z-index:1}.dice .pip{width:17px;height:17px;background:radial-gradient(circle at 35% 65%,#287bff,#084ab5);box-shadow:inset 2px 3px 4px #06378888,0 1px white}.dice-shadow{bottom:5px;width:110px;height:19px;background:#5d83b635}#action-hint{color:#174a8d;font-size:13px;font-weight:900;margin:10px 0;min-height:18px}#piece-buttons{margin-bottom:10px;position:relative;z-index:2}#piece-buttons button{background:linear-gradient(#fff,#d7eeff);border:1px solid #82bafb;box-shadow:0 3px 0 #aaccec;color:#1252a2;font-size:12px;border-radius:10px}.roll-button{font-family:Flight,sans-serif;font-size:21px;font-weight:900;border-radius:15px;padding:12px;min-height:54px;background:linear-gradient(#369eff,#0b74f2);border:2px solid #80b9ff;box-shadow:inset 0 2px 0 #a5d4ff,0 4px 0 #1764bd,0 6px 9px #2b6fa833;letter-spacing:.4px}.roll-button span{display:none}.roll-button:disabled{background:linear-gradient(#a3bddc,#7d9fc9);border:2px solid #b6cce6;box-shadow:inset 0 2px 0 #cfe0f1,0 4px 0 #7090b7;color:#f0f5ff;opacity:.9}.reactions{gap:8px}.reactions button{font-size:26px;padding:9px 0;border-radius:17px;border:1px solid #ccddf6;background:linear-gradient(#fff,#e8f3ff);box-shadow:0 3px 0 #c2d9f0}.aside-foot{font-size:7px;color:#6485a8}.aside-foot button{color:#356a9c;font-weight:800}.welcome{min-height:calc(100vh - 72px)}.hero-art:before{background:linear-gradient(#b8e3ff,#7bbdff);border:10px solid #fff8;box-shadow:0 20px 55px #387ac230}.hero-plane{font-size:0;width:440px;height:390px;background:url('assets/plane-blue.png') center/contain no-repeat;filter:drop-shadow(0 20px 12px #1d599a40);transform:rotate(-8deg);text-shadow:none}.seat-avatar{background-image:url('assets/avatars.png');background-size:200% 200%;font-size:0;border-radius:50%;border:3px solid white}.seat-avatar.avatar-1{background-position:100% 0}.seat-avatar.avatar-2{background-position:0 100%}.seat-avatar.avatar-3{background-position:100% 100%}.primary{font-family:Flight,sans-serif}#demo-status{position:absolute;top:56px;left:20px;z-index:2;color:white;background:#0d5794d9;padding:6px 12px;border-radius:15px;font-size:10px;pointer-events:none}#capture-note{font-size:10px;color:#4e7d9f;line-height:1.5}
#canvas-wrap[data-renderer=illustrated] #impact{display:none}.brand-icon{font-size:0;background:url('assets/plane-blue.png') center/contain no-repeat;width:48px;height:48px;transform:rotate(-12deg);filter:drop-shadow(0 2px 1px #fff)}.demo-actions{display:flex;gap:8px}.setting-row select{max-width:180px;padding:7px;border:1px solid #bfd8ee;border-radius:8px;color:#245d91;background:white;font-size:10px}.recording-indicator{color:#e34f59}
@media(min-width:1600px){aside{padding:20px;gap:13px}.crew-head h2{font-size:31px}.player-row{min-height:94px;padding:15px}.player-row.active{padding:14px}.player-avatar{width:65px;height:65px}.name-line b{font-size:24px}.current-badge{font-size:10px}.turn-title b{font-size:30px}.turn-panel{min-height:320px}.dice{width:110px;height:110px}.dice .pip{width:20px;height:20px}.reactions button{font-size:31px;padding:12px}}
@media(max-width:1100px){header{height:66px;padding:0 15px}.brand{font-size:28px;padding-left:46px}.brand-icon{font-size:39px}.top-center{display:flex;font-size:12px}#mode-label{padding:8px 17px;min-width:170px}.play{height:calc(100dvh - 66px);grid-template-columns:minmax(0,1fr) 305px;min-height:650px}aside{padding:12px 10px;gap:8px}.player-row{min-height:73px;padding:9px}.player-row.active{padding:8px}.player-avatar{width:50px;height:50px}.name-line b{font-size:18px}.name-line{gap:5px}.current-badge{font-size:7px;padding:4px}.turn-panel{padding:14px 12px;min-height:245px}.turn-title b{font-size:21px}.reactions button{font-size:24px;padding:8px}.board-tip{display:none}}
@media(max-width:700px){header{height:64px;padding:0 12px}.brand{font-size:25px;padding-left:42px}.brand-icon{font-size:35px}.top-center{display:none}nav .icon-btn{height:36px;min-width:36px;padding:0 8px;border-radius:12px;font-size:19px}#language{font-size:11px}.play{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}.board-region{height:clamp(360px,102vw,630px);flex-shrink:0}.board-top{left:10px;right:10px;top:8px}.board-bottom{left:10px;right:10px;bottom:7px}.board-bottom>span{font-size:6px;padding:6px}.demo-button{font-size:10px;padding:7px 10px}aside{padding:12px;display:grid;grid-template-rows:auto auto auto auto auto;gap:10px;border-left:0;border-top:2px solid white;overflow:visible}.crew-head{display:flex}.crew-head h2{font-size:21px}.crew-head>span{font-size:10px}#players{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.player-row{min-height:77px;gap:7px;padding:9px 7px}.player-row.active{padding:8px 6px}.player-avatar{width:42px;height:42px;border-width:2px}.name-line{gap:5px}.name-line b{font-size:17px;max-width:82px}.name-line .seat-dot{width:9px;height:9px}.name-line .type-badge{display:none}.player-info small{font-size:9px}.current-badge{top:4px;right:5px;font-size:6px;padding:3px 5px}.player-info{gap:6px}.turn-panel{min-height:178px;grid-template-columns:108px 1fr;grid-template-rows:auto auto auto auto;column-gap:12px;padding:15px}.turn-title{grid-column:2;grid-row:1}.turn-title b{font-size:20px}.turn-title span{font-size:10px;padding:5px}.dice-stage{grid-column:1;grid-row:1/5;min-height:140px;background:none}.dice{width:77px;height:77px;border-radius:18px}.dice .pip{width:14px;height:14px}#action-hint{grid-column:2;font-size:11px;text-align:left;margin:8px 0}#piece-buttons{grid-column:2}.roll-button{grid-column:2;font-size:18px;min-height:47px;padding:8px;border-radius:12px}.reactions{align-self:stretch;max-width:none;width:100%}.reactions button{font-size:25px;padding:8px}.aside-foot{font-size:7px}#toast{left:12px;bottom:45px;max-width:calc(100% - 24px);font-size:12px;padding:10px 13px}#impact{font-size:40px}.hero-plane{width:310px;height:280px}.hero-art{height:350px}.welcome{min-height:auto}.section-title h1{font-weight:900}.seat-avatar{width:55px;height:55px}}