*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071018;color:#e7fbff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}body{background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),radial-gradient(circle at 18% 0%,rgba(24,224,255,.14),transparent 34rem),radial-gradient(circle at 85% 18%,rgba(255,226,138,.08),transparent 28rem),#071018;background-size:32px 32px,32px 32px,auto,auto,auto}a{color:#63e7ff}button,input,textarea,select{font:inherit}button{border:1px solid rgba(98,230,255,.36);background:linear-gradient(180deg,rgba(19,205,241,.25),rgba(12,98,128,.25));color:#effeff;padding:11px 14px;border-radius:10px;cursor:pointer;font-weight:800}button:hover,button:focus-visible{border-color:rgba(98,230,255,.78)}.quiet-button{background:rgba(255,255,255,.05);color:#d8f9ff}.site-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:34px 0 42px}.hero,.tool-panel,.info-card,.series-section,.app-comment-section{border:1px solid rgba(111,228,255,.18);background:rgba(8,20,28,.78);box-shadow:0 0 38px rgba(0,216,255,.08);border-radius:14px}.hero{padding:clamp(26px,5vw,56px);margin-bottom:22px}.series-label,.section-kicker{margin:0 0 9px;color:#6befff;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2.05rem,7vw,4.7rem);letter-spacing:0}h2{margin:0 0 12px;font-size:clamp(1.15rem,3vw,1.7rem)}.subtitle{margin:8px 0 0;color:#bdf7ff;font-weight:800;font-size:clamp(1rem,2.4vw,1.45rem)}.lead{max-width:820px;margin:18px 0 0;color:rgba(231,251,255,.82);line-height:1.85}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-pills span{border:1px solid rgba(111,228,255,.22);background:rgba(2,8,12,.72);color:#cff9ff;padding:7px 10px;border-radius:999px;font-size:.82rem}.tool-panel{padding:clamp(18px,4vw,32px)}.tool-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.tool-head p{margin:0;color:rgba(231,251,255,.75);line-height:1.7}.action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.touch-surface{position:relative;min-height:clamp(340px,62vh,720px);border:1px dashed rgba(255,216,112,.42);border-radius:12px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 1px,transparent 1px 10px),rgba(5,14,19,.86);outline:none;overflow:hidden;touch-action:none;user-select:none}.touch-surface.is-active{border-color:rgba(96,245,255,.72);box-shadow:inset 0 0 32px rgba(0,216,255,.1)}#touchCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.surface-note{position:absolute;left:18px;top:18px;z-index:2;display:grid;gap:8px;max-width:min(520px,calc(100% - 36px));pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.72)}.surface-note span{color:#6befff;font-size:.75rem;letter-spacing:.12em}.surface-note strong{font-size:clamp(1.05rem,3vw,1.55rem);color:#ffe28a}.surface-note p{margin:0;color:rgba(231,251,255,.68);line-height:1.7}.accuracy-target,.tap-marker{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.accuracy-target{width:58px;height:58px;border-radius:999px;border:2px solid #ffe28a;box-shadow:0 0 0 10px rgba(255,226,138,.08),0 0 24px rgba(255,226,138,.32)}.accuracy-target::before,.accuracy-target::after{content:"";position:absolute;background:#ffe28a;left:50%;top:50%;transform:translate(-50%,-50%)}.accuracy-target::before{width:2px;height:72px}.accuracy-target::after{width:72px;height:2px}.tap-marker{width:18px;height:18px;border-radius:999px;background:#1de9ff;box-shadow:0 0 18px rgba(29,233,255,.8)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.metric{min-width:0;border:1px solid rgba(111,228,255,.16);background:rgba(1,8,12,.72);padding:12px;border-radius:10px}.metric span{display:block;color:rgba(178,235,244,.67);font-size:.72rem;letter-spacing:.08em}.metric strong{display:block;margin-top:6px;color:#fff;font-size:clamp(1.05rem,2.6vw,1.55rem);overflow-wrap:anywhere}.mode-note{margin-top:18px}.event-log{display:grid;gap:7px;min-height:60px;max-height:220px;overflow:auto;border:1px solid rgba(111,228,255,.13);background:rgba(0,6,10,.56);border-radius:10px;padding:10px}.log-item{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 9px;overflow-wrap:anywhere;border:1px solid rgba(111,228,255,.22);background:rgba(11,38,50,.72);color:#e8fbff;border-radius:8px}.log-item small{color:rgba(231,251,255,.55)}.log-item.warning{border-color:rgba(255,119,119,.55);background:rgba(78,16,18,.72)}.ad-row{margin:22px 0;padding:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:12px}.ad-label{margin-bottom:8px;color:rgba(231,251,255,.42);font-size:.68rem;letter-spacing:.14em}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.info-card,.series-section,.app-comment-section{padding:clamp(18px,3vw,26px)}.info-card p,.info-card li{color:rgba(231,251,255,.77);line-height:1.8}.mini-note{color:rgba(231,251,255,.66);line-height:1.7}.series-section,.app-comment-section{margin-top:18px}.series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.series-card{display:block;min-width:0;padding:13px;border:1px solid rgba(111,228,255,.17);border-radius:10px;background:rgba(3,13,18,.75);text-decoration:none;color:#e8fbff}.series-card span{display:block;font-weight:800}.series-card small{display:block;margin-top:5px;color:rgba(231,251,255,.62);line-height:1.5}.series-card.is-current{border-color:rgba(255,216,112,.45);color:#ffe28a}.app-comments,.app-comment-form-section{background:rgba(6,18,24,.92)!important;border:1px solid rgba(112,220,240,.22)!important;color:#e8fbff!important}.app-comment-form input,.app-comment-form textarea,.app-comment-form select{background:rgba(3,10,14,.9)!important;color:#e8fbff!important;border:1px solid rgba(112,220,240,.28)!important}.app-comment-form input::placeholder,.app-comment-form textarea::placeholder{color:rgba(232,251,255,.48)!important}.site-return-link,.mothership-link,.page-footer{width:min(520px,100%);margin:18px auto 0;padding:15px;border-radius:10px;text-align:center}.site-return-link{border:1px solid rgba(111,228,255,.17);background:rgba(6,18,24,.72)}.site-return-link span,.mothership-link span{display:block;color:#6befff;font-size:.72rem;letter-spacing:.12em}.site-return-link a,.mothership-link a{display:inline-block;margin-top:4px;font-weight:800}.site-return-link p,.mothership-link p,.page-footer p{margin:5px 0 0;color:rgba(231,251,255,.62);font-size:.84rem}.mothership-link{border:1px solid rgba(255,216,112,.18);background:rgba(20,18,11,.55)}.page-footer{color:rgba(231,251,255,.58)}body.is-fullscreen .site-shell{width:100%;padding:0}body.is-fullscreen .hero,body.is-fullscreen .ad-row,body.is-fullscreen .info-grid,body.is-fullscreen .series-section,body.is-fullscreen .app-comment-section,body.is-fullscreen .site-return-link,body.is-fullscreen .mothership-link,body.is-fullscreen .page-footer{display:none}body.is-fullscreen .tool-panel{border:0;border-radius:0;min-height:100dvh}body.is-fullscreen .touch-surface{min-height:calc(100dvh - 170px)}@media (max-width:900px){.tool-head,.info-grid{grid-template-columns:1fr;display:grid}.action-row{justify-content:stretch}.action-row button{flex:1 1 150px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.site-shell{width:min(100% - 18px,1120px);padding-top:18px}.hero,.tool-panel,.info-card,.series-section,.app-comment-section{border-radius:10px}.metric-grid,.series-grid{grid-template-columns:1fr}.log-item{grid-template-columns:1fr}.touch-surface{min-height:60vh}.surface-note{left:12px;top:12px;max-width:calc(100% - 24px)}}