/* Mobile first: один масштабируемый круг, без растрового поля и боковой прокрутки. */
.playing-circle .intro,.playing-circle .play-heading,.playing-circle #play-status,.playing-circle #journey-progress{display:none!important}
.play-layout{display:flex;flex-direction:column;align-items:center;gap:12px}.board-column{width:100%;max-width:780px}.board-scroll{overflow:visible;border:0;background:transparent;box-shadow:none}.board{min-width:0!important;width:100%;aspect-ratio:1!important;border-radius:50%;isolation:isolate;background:radial-gradient(ellipse at 50% 45%,#302030 0,#160e22 35%,#080811 65%);--world:#d04a9a;--haze:#94175444;box-shadow:inset 0 0 80px var(--haze),0 0 45px #0006}.board[data-world="2"]{--world:#dea263;--haze:#97582144;background:radial-gradient(circle,#362b1b,#130c1d 60%,#07060d)}.board[data-world="3"]{--world:#b492d5;--haze:#652f8e55;background:conic-gradient(from 45deg,#100915,#31223d,#09080d,#100915)}.board[data-world="4"]{--world:#63babf;--haze:#166b7b55;background:radial-gradient(circle,#234248,#101c26 45%,#070911)}.board[data-world="5"]{--world:#edca81;--haze:#a58a3855;background:radial-gradient(circle,#554130,#27162a 44%,#0c0813)}
.board::before{content:'';position:absolute;inset:24%;border-radius:50%;border:1px solid var(--world);opacity:.22;box-shadow:0 0 30px var(--haze),inset 0 0 30px var(--haze);pointer-events:none;animation:world-breath 5s ease-in-out infinite}.board[data-world="2"]::before{inset:26%;border-radius:35%;transform:rotate(45deg)}.board[data-world="3"]::before{background:linear-gradient(135deg,#0009,transparent);border-radius:22%;transform:rotate(45deg)}.board[data-world="4"]::before{border-style:dashed;animation:world-spin 32s linear infinite}.board[data-world="5"]::before{outline:1px solid #edca8140;outline-offset:10px}
#board-image,#board-center-label{display:none!important}.circle-cells{display:block;width:100%;height:100%;overflow:visible}.board .cell-hit{position:static;transform:none;background:none!important;cursor:pointer;color:#fff;border:0;transition:none;clip-path:none!important}.cell-hit .cell-surface{fill:#f3eee4;stroke:none}.cell-hit .cell-outline{fill:none!important;stroke:#e4d6bd;stroke-width:2;stroke-opacity:.8;pointer-events:none;transition:stroke .2s,filter .2s}.cell-hit.active .cell-outline,.cell-hit.passing .cell-outline{stroke:#db448b;stroke-width:7;stroke-opacity:1;filter:drop-shadow(0 0 5px #e7bd79)}.cell-hit.visited:not(.active) .cell-outline{stroke:#c3a473;stroke-width:3}.cell-hit:focus-visible{outline:none}.cell-hit:focus-visible .cell-outline{stroke:#fff;stroke-width:7;stroke-opacity:1;filter:drop-shadow(0 0 4px #c79853)}.cell-hit.active,.cell-hit:hover{box-shadow:none;border:0}.board .player-token{width:5.2%;font-size:clamp(12px,2vw,22px);z-index:3;border-width:1px;box-shadow:0 0 9px 3px #ffcc7866;transition:left .22s ease,top .22s ease}.circle-center{position:absolute;inset:21% 24%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(3px,1vw,9px)}.circle-level{font-size:clamp(12px,1.5vw,15px);letter-spacing:.06em;color:#edcc9a}.circle-center h2{font:500 clamp(14px,2.6vw,25px)/1.18 system-ui,sans-serif;max-width:100%;margin:0;color:#fff}.circle-center p{margin:0;font-size:clamp(14px,2vw,19px);color:#f9dba7;white-space:pre}.circle-center .dice-panel{border:0;background:none;box-shadow:none;padding:0;width:100%;display:flex;align-items:center;flex-direction:column;gap:3px}.circle-center .dice-panel[hidden]{display:none}.circle-center .dice-panel .eyebrow,.circle-center #turn-message{display:none}.circle-center .dice-face{font-size:clamp(32px,5vw,56px);line-height:1;margin:0}.circle-center #roll-button,.circle-center button{min-height:44px;padding:10px 7px;font-size:clamp(14px,1.5vw,17px);width:100%;line-height:1.2;border-radius:12px;background:linear-gradient(130deg,#91245f,#c13685);border:1px solid #e780b7;color:#fff}.circle-center .portal-object{width:clamp(34px,6vw,72px);height:clamp(34px,6vw,72px);margin:0 auto 5px}.circle-center.portal-ready #circle-question{display:none}#circle-portal{width:100%;font-size:14px}#circle-portal strong{display:block;color:#efcb87;margin-bottom:5px}#circle-stay{margin-top:4px;min-height:30px;background:transparent;border:0;color:#d8c7d5;font-size:12px;padding:4px}.board-note{text-align:center;margin:8px 0 0;font-size:14px;color:#dbc9d5}.play-side{width:100%;max-width:780px;display:flex;flex-direction:column}.play-current{display:none}.play-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:transparent;border:0;padding:0}.play-actions button{min-height:44px;padding:8px 4px;text-align:center;font-size:14px;border-radius:10px}.playing-circle .topbar{min-height:52px}.playing-circle .brand-caption{display:none}.playing-circle .tabs{margin-top:0}.player-bar{flex-wrap:wrap;padding:6px 0;gap:5px}.player-bar button{min-height:40px}.lap-energy-light{margin:16px auto;width:95px;height:95px;display:grid;place-items:center;color:#fff5cf;font:60px Georgia,serif;border-radius:50%;background:radial-gradient(circle,#f3db8477,#da308044,transparent 70%);box-shadow:0 0 45px #eeaa5a44;animation:world-breath 2s ease-in-out infinite}.lap-energy-amount{text-align:center;color:#f5ce85;font-size:24px}
@keyframes world-breath{50%{opacity:.7;box-shadow:0 0 50px var(--haze,#f2ba6855)}}@keyframes world-spin{to{transform:rotate(360deg)}}
@media(max-width:540px){.playing-circle .shell{padding-inline:10px}.playing-circle .topbar{min-height:46px}.playing-circle .brand-name{font-size:17px}.playing-circle .mark{width:32px;height:32px}.playing-circle .tabs .tab{padding:9px 3px;font-size:12px}.playing-circle .player-bar button{font-size:12px;padding:7px 6px}.playing-circle #player-mode{font-size:12px;width:100%;text-align:right}.playing-circle #player-energy{display:none}.play-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.global-sound{bottom:12px;right:12px}.circle-center .circle-level{font-size:12px}.board-note{font-size:14px}.game-modal{padding:10px}.modal-card{max-height:calc(100dvh - 20px);overflow-y:auto}.modal-buttons{position:static}}
@media(prefers-reduced-motion:reduce){.board::before,.lap-energy-light{animation:none}.board .player-token,.cell-hit path{transition:none}}
@media(min-width:1000px){.play-layout{flex-direction:row;align-items:start;justify-content:center}.play-side{max-width:240px}.play-actions{grid-template-columns:1fr 1fr}.board-column{max-width:740px}}

.circle-cells .cell-hit,.circle-cells .living-portal{animation:none!important;border:0!important;box-shadow:none!important;transform:none!important}.circle-cells .living-portal.unlocked path{stroke:#f4ce85;stroke-opacity:1;filter:drop-shadow(0 0 8px #efbc69)}
.ocean-ripple .circle-cells{animation:oceanRipple 1.5s ease-out}.cell-hit[data-type=ocean].active path{fill:#203c49;filter:drop-shadow(0 0 10px #89ced6)}.ocean-questions{border-left:2px solid #8bbdc7;padding:0 15px}.modal-card blockquote{margin:12px 0;padding:15px;border:1px solid #8bbdc744;background:#7aabb610;font-size:18px;line-height:1.5}.ocean-help{margin-top:18px}.ocean-help summary{cursor:pointer;color:#b7dce4}@keyframes oceanRipple{0%{filter:blur(0);opacity:1}35%{filter:blur(1.5px);opacity:.84}100%{filter:blur(0);opacity:1}}@media(prefers-reduced-motion:reduce){.ocean-ripple .circle-cells{animation:none}}
.cell-illustration{pointer-events:none;opacity:1;filter:none;transition:filter .2s}.cell-hit.active .cell-illustration{filter:brightness(1.025)}.circle-cells .living-portal.unlocked .cell-outline{stroke:#c9a365;stroke-opacity:1;filter:drop-shadow(0 0 5px #efbc69)}.circle-cells .cell-hit.active .cell-outline,.circle-cells .cell-hit.passing .cell-outline{stroke:#db448b;stroke-width:7;filter:drop-shadow(0 0 5px #e7bd79)}.cell-hit[data-type=ocean].active .cell-surface{fill:#f3eee4;filter:none}
/* Символ занимает часть светлой клетки. Сектор и его контур не вращаются. */
.cell-hit .cell-surface{fill:#f7f0e4}.cell-art-mask,.cell-art-motion{pointer-events:none}.cell-art-motion{transform-box:view-box}.cell-art-motion.periodic{animation:cellGlimmer var(--cell-period) var(--cell-delay) ease-in-out infinite}.cell-art-motion[data-art-type=portal].periodic{animation-name:portalSymbolTurn}.cell-art-motion[data-art-type=ocean].periodic{animation-name:illusionSymbolTurn}.cell-hit.active:not(.passing) .cell-art-motion{animation:cellArrival 1.2s ease-out 1}.is-moving .cell-art-motion.periodic{animation-play-state:paused}.circle-cells .living-portal.unlocked .cell-outline{stroke:#65bbd2;filter:drop-shadow(0 0 4px #55bedb)}.circle-cells .cell-hit.active .cell-outline,.circle-cells .cell-hit.passing .cell-outline{stroke:#db448b;filter:drop-shadow(0 0 5px #e7bd79)}
@keyframes cellGlimmer{0%,5%,100%{filter:none}2%{filter:brightness(1.08) drop-shadow(0 0 3px var(--cell-accent))}}
@keyframes portalSymbolTurn{0%,6%,100%{transform:rotate(0deg);filter:none}3%{transform:rotate(24deg);filter:brightness(1.06)}}
@keyframes illusionSymbolTurn{0%,6%,100%{transform:rotate(0deg)}3%{transform:rotate(16deg)}}
@keyframes cellArrival{0%,100%{transform:scale(1);filter:none}40%{transform:scale(1.045);filter:brightness(1.06) drop-shadow(0 0 4px var(--cell-accent))}}
@media(prefers-reduced-motion:reduce){.cell-art-motion,.cell-hit.active:not(.passing) .cell-art-motion{animation:none!important;transform:none!important;filter:none!important}}
/* Прозрачная фишка не закрывает смысл маленького символа. Ее центр прежний. */
.board .player-token{width:3.6%;background:transparent;color:transparent;font-size:0;border:1.5px solid #bd568e;box-shadow:0 0 4px 1px #deb573;z-index:3}
.cell-art-motion.periodic{--cell-idle:cellGlimmer}.cell-art-motion[data-art-type=portal].periodic{--cell-idle:portalSymbolTurn}.cell-art-motion[data-art-type=ocean].periodic{--cell-idle:illusionSymbolTurn}.cell-hit.active:not(.passing) .cell-art-motion.periodic{animation:var(--cell-idle) var(--cell-period) var(--cell-delay) ease-in-out infinite,cellArrival 1.2s ease-out 1}