.sep-reef-app{font-family:Arial,sans-serif}.sep-reef-stage{position:relative;min-height:76vh;overflow:hidden;border-radius:24px;background:linear-gradient(#0a5475 0%,#073a54 45%,#052536 100%);box-shadow:inset 0 0 120px rgba(0,0,0,.35);color:#fff}.sep-reef-stage:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,rgba(0,0,0,.28)),radial-gradient(circle at 30% 80%,#3b776d 0 6%,transparent 7%),radial-gradient(circle at 65% 90%,#315e67 0 8%,transparent 9%);pointer-events:none}.sep-godrays{position:absolute;inset:-10% -10% 0 35%;background:repeating-linear-gradient(110deg,rgba(255,255,255,.10) 0 4%,transparent 4% 10%);filter:blur(18px);transform:skewX(-8deg);opacity:.65;pointer-events:none}.sep-reef-intro{position:absolute;z-index:5;left:6%;top:10%;max-width:520px;text-shadow:0 3px 20px rgba(0,0,0,.35)}.sep-reef-intro h2{font-size:clamp(28px,4vw,56px);line-height:1.05;margin:.25em 0}.sep-kicker{letter-spacing:.22em;font-size:12px;opacity:.75}.sep-primary{background:#76b82a;color:#fff;border:0;border-radius:999px;padding:13px 22px;font-weight:700;cursor:pointer}.sep-admin-toggle{position:absolute;right:18px;top:18px;z-index:20;border:0;border-radius:50%;width:42px;height:42px;background:rgba(0,0,0,.28);color:#fff;cursor:pointer}.sep-fish{position:absolute;z-index:4;width:86px;height:54px;cursor:pointer;transform-origin:center center;will-change:transform,filter,opacity}.sep-fish canvas{width:100%;height:100%;filter:drop-shadow(0 5px 6px rgba(0,0,0,.25))}.sep-bubble{position:absolute;bottom:-20px;width:8px;height:8px;border:1px solid rgba(255,255,255,.6);border-radius:50%;animation:sepBubble linear infinite}.sep-coral{position:absolute;bottom:-2%;z-index:2;filter:blur(.3px);opacity:.8}.coral-a{left:4%;width:130px;height:160px;background:radial-gradient(ellipse at 50% 100%,#2d6b68 0 36%,transparent 38%)}.coral-b{left:44%;width:180px;height:130px;background:radial-gradient(ellipse at 50% 100%,#355f55 0 34%,transparent 36%)}.coral-c{right:5%;width:160px;height:180px;background:radial-gradient(ellipse at 50% 100%,#2c5768 0 36%,transparent 38%)}@keyframes sepBubble{to{transform:translateY(-90vh) translateX(30px);opacity:0}}.sep-modal{position:fixed;inset:0;z-index:99999;background:rgba(1,16,26,.82);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.sep-modal[hidden]{display:none}.sep-modal-card{position:relative;width:min(1050px,95vw);max-height:92vh;overflow:auto;background:#082f43;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.sep-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#fff;font-size:34px;cursor:pointer}.sep-stepper{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.sep-stepper span{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08)}.sep-stepper .active{background:#1d71b8}.sep-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sep-form-grid label{display:grid;gap:6px}.sep-form-grid input,.sep-form-grid select,.sep-admin-card input{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#fff;color:#123}.sep-draw-wrap{margin-top:18px}.sep-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.sep-toolbar button{border:0;border-radius:8px;padding:8px 12px}.sep-canvas-block{margin:14px 0}.sep-canvas-block canvas{display:block;width:100%;height:auto;background:#fff;border-radius:16px;touch-action:none}.sep-personality{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:16px 0}.sep-save{width:100%}.sep-message{min-height:24px;margin-top:10px}.sep-zoom-panel{position:absolute;z-index:30;right:24px;bottom:24px;width:min(520px,86%);background:rgba(3,26,39,.92);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:16px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.sep-zoom-panel canvas{width:100%;background:linear-gradient(#0f5b76,#07334a);border-radius:12px}.sep-zoom-panel button{position:absolute;right:8px;top:4px;border:0;background:none;color:#fff;font-size:26px}.sep-zoom-panel strong,.sep-zoom-panel span{display:block;margin-top:8px}.sep-admin-card{width:min(700px,95vw)}.sep-admin-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding:10px 0}.sep-admin-item button{background:#b42318;color:#fff;border:0;border-radius:8px;padding:8px 11px;cursor:pointer}@media(max-width:700px){.sep-form-grid{grid-template-columns:1fr}.sep-reef-stage{min-height:82vh}.sep-reef-intro{left:7%;right:7%;top:8%}.sep-fish{width:66px;height:42px}}