:root{color-scheme:dark;--space:#07111f;--navy:#0d2033;--steel:#243745;--hull:#758b99;--paper:#dce7e8;--yellow:#ffd447;--orange:#ff8a3d;--cyan:#45d7e8;--green:#54d98c;--red:#ff5b5b;--violet:#b979ff;--pink:#ff68c7;--edge:#07111f;--shadow:0 18px 50px rgba(0,0,0,.45);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--space);color:var(--paper)}body{min-height:100dvh;overflow:hidden}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,canvas:focus-visible,select:focus-visible,input:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.game-shell{min-height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:radial-gradient(circle at 75% 10%,rgba(185,121,255,.11),transparent 30%),var(--space)}.game-header{min-height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:8px max(14px,env(safe-area-inset-left)) 8px max(14px,env(safe-area-inset-right));background:#0a1828;border-bottom:3px solid var(--steel);z-index:20}.back-link{color:var(--paper);font-weight:800;text-decoration:none;font-size:.86rem}.game-wordmark{display:flex;align-items:baseline;gap:5px;letter-spacing:.06em;transform:rotate(-1deg)}.game-wordmark span{font-size:.72rem;font-weight:900;color:var(--cyan)}.game-wordmark strong{font-size:1.5rem;line-height:1;color:var(--yellow);text-shadow:3px 3px 0 #000}.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.icon-button{border:2px solid var(--hull);background:var(--steel);color:var(--paper);padding:8px 11px;border-radius:8px;cursor:pointer;font-weight:800}.icon-button:hover{border-color:var(--cyan)}.assist-badge{background:var(--violet);color:#10091d;border:2px solid #000;border-radius:999px;padding:5px 8px;font-size:.67rem;font-weight:1000}.hud{display:grid;grid-template-columns:minmax(280px,1fr) auto repeat(3,minmax(116px,150px));gap:8px;padding:8px max(12px,env(safe-area-inset-left)) 8px max(12px,env(safe-area-inset-right));background:rgba(7,17,31,.96);border-bottom:2px solid #172c42;z-index:15}.objective-chip,.timer-chip,.meter-card{min-height:53px;border:2px solid #31495b;background:#10243a;border-radius:9px;padding:7px 10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.objective-chip{display:grid;align-content:center}.objective-chip span,.timer-chip span,.meter-card span{color:var(--cyan);font-size:.65rem;font-weight:1000;letter-spacing:.1em}.objective-chip strong{font-size:.9rem;line-height:1.15}.objective-chip small{color:#9cb1bd;font-size:.66rem}.timer-chip{min-width:92px;display:grid;place-content:center;text-align:center}.timer-chip strong{font-variant-numeric:tabular-nums;font-size:1.15rem;color:var(--yellow)}.meter-card{position:relative;display:grid;grid-template-columns:1fr auto;align-content:center;gap:2px 8px;overflow:hidden}.meter-card strong{font-variant-numeric:tabular-nums}.meter-card i{grid-column:1 / -1;display:block;height:7px;border-radius:999px;background:#07111f;overflow:hidden}.meter-card i::after{content:"";display:block;width:var(--value);height:100%;background:var(--green);transition:width .16s linear}.tension-card[data-level="warning"] i::after{background:var(--yellow)}.tension-card[data-level="critical"] i::after{background:repeating-linear-gradient(90deg,var(--red),var(--red) 8px,#fff 8px,#fff 12px)}.game-canvas-wrap{position:relative;min-height:0;overflow:hidden;background:#020710}canvas{width:100%;height:100%;min-height:340px;display:block;object-fit:contain;background:var(--space);touch-action:none}.toast{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:14;max-width:min(620px,calc(100% - 32px));padding:10px 15px;border:3px solid #000;border-radius:8px;background:var(--yellow);color:#17131f;box-shadow:6px 6px 0 rgba(0,0,0,.5);font-weight:950;text-align:center}.tool-rack{position:absolute;left:12px;bottom:12px;display:flex;align-items:stretch;gap:6px;z-index:12}.tool-rack>button{min-width:74px;border:3px solid #07111f;border-radius:8px;padding:7px 8px;background:rgba(36,55,69,.94);color:var(--paper);cursor:pointer;box-shadow:3px 3px 0 rgba(0,0,0,.4)}.tool-rack>button span{display:block;font-size:.72rem;font-weight:900}.tool-rack>button kbd{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-bottom:3px;border:1px solid #8299a6;border-radius:4px;background:#07111f;color:var(--cyan);font:800 .7rem inherit}.tool-rack>button.is-selected{background:var(--orange);color:#141018;transform:translateY(-3px)}.tool-rack>button.is-selected kbd{color:var(--yellow)}.tool-readout{width:210px;display:grid;align-content:center;padding:8px 11px;border:3px solid #07111f;border-radius:8px;background:rgba(7,17,31,.9)}.tool-readout span{color:var(--yellow);font-weight:1000;letter-spacing:.08em}.tool-readout small{color:#a9bbc5;line-height:1.2}.touch-controls{display:none;position:absolute;inset:auto 0 10px;z-index:13;justify-content:space-between;padding:0 max(12px,env(safe-area-inset-left)) 0 max(12px,env(safe-area-inset-right));pointer-events:none}.touch-cluster{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,54px);gap:6px;pointer-events:auto}.touch-cluster button{border:3px solid #07111f;border-radius:14px;background:rgba(220,231,232,.82);color:#07111f;font-weight:1000;box-shadow:3px 3px 0 rgba(0,0,0,.55);touch-action:none}.movement-cluster button:nth-child(1){grid-column:1;grid-row:1 / span 2}.movement-cluster button:nth-child(2){grid-column:2;grid-row:1}.movement-cluster button:nth-child(3){grid-column:3;grid-row:1 / span 2}.movement-cluster button:nth-child(4){grid-column:2;grid-row:2}.action-cluster{grid-template-columns:52px 74px 52px}.action-cluster .primary-action{grid-column:2;grid-row:1 / span 2;background:var(--yellow)}.action-cluster button:nth-child(1){grid-column:1;grid-row:1}.action-cluster button:nth-child(3){grid-column:3;grid-row:1}.action-cluster button:nth-child(4){grid-column:1 / span 3;grid-row:2}.overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:rgba(4,10,18,.82);backdrop-filter:blur(7px)}.overlay[hidden]{display:none}.radio-card,.panel-card{width:min(760px,100%);max-height:92%;overflow:auto;border:5px solid #07111f;border-radius:16px;padding:clamp(20px,4vw,38px);background:linear-gradient(145deg,#dce7e8,#b7c8ce);color:#111824;box-shadow:12px 12px 0 rgba(0,0,0,.52)}.radio-card h1,.panel-card h2{margin:2px 0 10px;font-size:clamp(2rem,7vw,4.4rem);line-height:.92;text-transform:uppercase;letter-spacing:-.04em}.eyebrow{margin:0 0 7px;color:#3d5668;font-size:.72rem;font-weight:1000;letter-spacing:.12em}.radio-line{margin:16px 0;border-left:8px solid var(--orange);padding:11px 16px;background:#fff7d6;font-weight:850;font-size:1.05rem}.contract-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.contract-grid>div{border:2px solid #8196a2;border-radius:8px;padding:10px;background:rgba(255,255,255,.52)}.contract-grid span{display:block;color:#3e5969;font-size:.68rem;font-weight:1000;text-transform:uppercase;letter-spacing:.09em}.contract-grid strong{display:block;margin-top:4px;font-size:.83rem;line-height:1.3}.control-primer{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.control-primer span{border:2px solid #7b909c;border-radius:7px;padding:6px 8px;font-size:.78rem;font-weight:800}kbd{font-family:inherit}.overlay-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.vertical-actions{display:grid}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:3px solid #07111f;border-radius:8px;padding:10px 16px;color:#111824;font-weight:1000;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 #07111f}.button.primary{background:var(--yellow)}.button.secondary{background:var(--cyan)}.button.ghost{background:transparent}.button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #07111f}.compact-card{width:min(430px,100%)}.result-card{width:min(600px,100%)}.result-card [data-medal="gold"]{color:#a56d00}.result-card [data-medal="silver"]{color:#526775}.result-card [data-medal="bronze"]{color:#a55735}.result-card [data-medal="failed"]{color:#a51d2d}.result-list{list-style:none;padding:0;margin:17px 0;border-top:2px solid #8196a2}.result-list li{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:2px solid #9bacb5}.game-footer{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:7px 14px max(7px,env(safe-area-inset-bottom));border-top:2px solid #20374a;background:#091725;color:#9eb1bc;font-size:.72rem}.game-footer p{margin:0}.settings-dialog{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:5px solid #07111f;border-radius:16px;padding:0;background:#dce7e8;color:#111824;box-shadow:var(--shadow)}.settings-dialog::backdrop{background:rgba(2,7,16,.82);backdrop-filter:blur(6px)}.settings-dialog form{padding:24px}.settings-dialog header{display:flex;justify-content:space-between;gap:20px;align-items:start}.settings-dialog h2{margin:0;font-size:2rem;text-transform:uppercase}.dialog-close{width:42px;height:42px;border:3px solid #07111f;border-radius:50%;background:var(--orange);color:#07111f;font-size:1.6rem;font-weight:1000;cursor:pointer}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.settings-grid label{display:grid;gap:6px;border:2px solid #8ca0aa;border-radius:8px;padding:10px;background:#f3f7f5;font-weight:800}.settings-grid select,.settings-grid input[type="range"]{width:100%}.settings-grid .check-row{display:flex;align-items:center;gap:9px}.settings-grid input[type="checkbox"]{width:22px;height:22px;accent-color:var(--violet)}.settings-note{color:#435c6b;font-size:.85rem}.full-width{width:100%}.orientation-message{display:none;position:fixed;inset:0;z-index:100;place-content:center;gap:8px;padding:30px;background:var(--space);text-align:center}.orientation-message strong{color:var(--yellow);font-size:1.7rem}.high-contrast{--paper:#fff;--cyan:#67ffff;--yellow:#ffe600;--green:#52ff91;--red:#ff3655}.high-contrast .objective-chip,.high-contrast .timer-chip,.high-contrast .meter-card{border-color:#fff}.reduced-motion *,.reduced-motion *::before,.reduced-motion *::after{scroll-behavior:auto !important;transition-duration:.001ms !important;animation-duration:.001ms !important}@media (max-width:1040px){.hud{grid-template-columns:minmax(250px,1fr) auto repeat(3,104px)}.objective-chip small{display:none}.tool-readout{display:none}}@media (pointer:coarse),(max-width:860px){.touch-controls{display:flex}.tool-rack{left:50%;bottom:132px;transform:translateX(-50%)}.tool-rack>button{min-width:58px;padding:5px}.tool-rack>button span{font-size:.61rem}.game-footer{display:none}.hud{grid-template-columns:minmax(190px,1fr) 78px repeat(2,88px)}.tension-card{position:absolute;right:10px;top:130px;z-index:10;width:92px}.game-header{min-height:48px}.back-link{font-size:.7rem}.icon-button{padding:6px 8px;font-size:.72rem}}@media (max-width:680px){.game-header{grid-template-columns:1fr auto}.game-wordmark{display:none}.assist-badge{display:none}.hud{grid-template-columns:minmax(180px,1fr) 72px 78px}.hud .meter-card[data-tug-integrity]{display:none}.objective-chip strong{font-size:.76rem}.timer-chip strong{font-size:.95rem}.contract-grid{grid-template-columns:1fr}.radio-card{padding:18px}.radio-card h1{font-size:2.5rem}.control-primer{display:none}.tool-rack{bottom:125px}.tool-rack>button kbd{display:none}.settings-grid{grid-template-columns:1fr}}@media (orientation:portrait) and (max-width:900px){.orientation-message{display:grid}}